jQuery MiniUI

标题: DataGrid动态增加行问题 [打印本页]

作者: 丹丘生    时间: 2017-6-30 11:08:57     标题: DataGrid动态增加行问题

var condList = [{ id:'gt_', text: '大于' }, { id:"eq", text: '等于'}, { id:"like_", text: '包含'},{id:'lt_',text:'小于'}];
    var newRow1 = { filedName: "查询条件一" };
        var newRow2= { filedName: "查询条件二" };
        var newRow3 = { filedName: "查询条件三" };
        var newRow4 = { filedName: "查询条件四" };
        grid.addRow(newRow1, 0);
        grid.addRow(newRow2, 1);
       grid.addRow(newRow3, 2);
        grid.addRow(newRow4, 3);

这是添加第一列的数据,现在要增加第二列数据,并且第二列为下拉框,该怎么做啊? 怎么写数据都没有显示,只有在表头写上
<input property="editor" class="mini-combobox" style="width:100%;" emptyText="请选择" data="condList"/>                 
这个才行,有没有好一点的办法? 下拉框是动态的,这样写不满足要求。

[attach]9432[/attach]


作者: felt    时间: 2017-6-30 11:25:32

监听oncellbeginedit事件,在开始编辑的时候设置下拉数据
类似这个示例的第三列http://www.miniui.com/demo/#src=datagrid/celllinkedit.html
作者: 丹丘生    时间: 2017-6-30 14:05:41

felt 发表于 2017-6-30 11:25
监听oncellbeginedit事件,在开始编辑的时候设置下拉数据
类似这个示例的第三列http://www.miniui.com/demo ...

那如何动态增加一行?
作者: felt    时间: 2017-6-30 16:29:20

丹丘生 发表于 2017-6-30 14:05
那如何动态增加一行?

var row={};
grid.addRow(row);
作者: felt    时间: 2017-6-30 16:29:22

丹丘生 发表于 2017-6-30 14:05
那如何动态增加一行?

var row={};
grid.addRow(row);
作者: 丹丘生    时间: 2017-6-30 17:24:05

felt 发表于 2017-6-30 16:29
var row={};
grid.addRow(row);

这个添加的时候,下拉框也添加的进去吗?
作者: felt    时间: 2017-6-30 19:22:02

丹丘生 发表于 2017-6-30 17:24
这个添加的时候,下拉框也添加的进去吗?

添加行和下拉没有关系
下拉数据可以在oncellbeginedit事件里处理
作者: 丹丘生    时间: 2017-6-30 20:53:42

felt 发表于 2017-6-30 19:22
添加行和下拉没有关系
下拉数据可以在oncellbeginedit事件里处理

那我如何跟可编辑里面的每个下拉框设置默认值? 这个默认值是从后台获取,然后再跟每个下拉框设置,设置value值成功,但是对应的文本却没有显示。一直是空白,
作者: felt    时间: 2017-7-3 09:26:16

丹丘生 发表于 2017-6-30 20:53
那我如何跟可编辑里面的每个下拉框设置默认值? 这个默认值是从后台获取,然后再跟每个下拉框设置,设置va ...

表格没有默认值,数据都是根据行数据来的
根据你描述的这样的场景,你的表格这列需要有field+displayField,你初始加载的时候行数据里面也需要有这2给字段的数据,类似我们这示例职位这列http://miniui.com/demo/#src=datagrid/celllinkedit.html
<div field="position"  displayField="position_name"  width="150" headerAlign="center" >职位

{"city":"","age":25,"gender":1,"dept_id":"js","email":null,"position_name":"前端工程师","salary":"3230","createtime":"2012-01-31T14:04:24","school":"南京邮电学院","name":"张鹏楠","educational_name":"本科","married":0,"educational":"2","id":"54b12a07-1f7d-4616-b3e9-9dcc465a5f33","birthday":"1987-06-12T00:00:00","country":"","position":"js3","loginname":"13625147852@163.com","remarks":"","dept_name":"技术部"}





欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2