jQuery MiniUI

标题: 点击添加按钮，datagrid行内添加一行数据，怎么添加，救急 [打印本页]

作者: wangqianwq 时间: 2016-7-19 09:18:01 标题: 点击添加按钮，datagrid行内添加一行数据，怎么添加，救急

[attach]7665[/attach]
<div id="grid1" class="mini-datagrid" style="width: 750px; height: 100%; margin: 0 auto; text-align: center;" borderstyle="border:0;"    url="../../AjaxService/MES_Ajax.aspx?method=GetAddList"
         idfield="newsId" multiselect="true" allowresize="true" allowalternating="true" >
         <div property="columns">
            <div type="indexcolumn" headeralign="center" align="center">编号</div>
            <div type="checkcolumn"></div>
            <div field="DictionaryName" width="120" headeralign="center" align="center" renderer="onPestRenderer">
                  林业有害生物
                  <input  property="editor"  class="mini-combobox" style="width: 100%;" textfield="DictionaryName" valuefield="DictionaryId" emptytext="林业有害生物"
                     url="../../AjaxService/MES_Ajax.aspx?method=GetPestType"  />
            </div>

            <div field="WormNum" width="120" headeralign="center" align="center">
                  虫口数量
                        <input property="editor" class="mini-textbox" style="width:100%;"/>

            </div>
            <div field="EquipName" width="120" headeralign="center" align="center" >
                  设备
                     <input property="editor"  class="mini-combobox" style="width: 100%;" textfield="DictionaryName" valuefield="DictionaryId" emptytext="设备"
                        url="../../AjaxService/MES_Ajax.aspx?method=GetEquipmentType"  />
            </div>
            <div field="MailNum" width="120" align="center" headeralign="center"  renderer="onMailNum">
                  雌雄比
                     <input property="editor" class="mini-textbox" id="getmale" name="getmale" style="width: 50%;" />
                  ：
                              <input property="editor" class="mini-textbox" id="getfemale" name="getfemale"  style="width: 50%;" />
            </div>
            <div name="action" width="120" headeralign="center" align="center" renderer="onActionRenderer" cellstyle="padding:0;">操作</div>
         </div>
      </div>

<script>

mini.parse();
      var grid = mini.get("grid1");
      grid.load();

   function addRow() {
         var newRow = { name: "New Row" };
         grid.addRow(newRow, 0);
      }

</script>

作者: 水电费 时间: 2016-7-19 09:27:03

你这个应该是已经添加上了，可能是应为你的grid没有设置高度或者高度没有自适应，所以看不到添加的行

作者: felt 时间: 2016-7-19 09:38:07

把表格拉高看一下，你这add方法没什么问题

作者: wangqianwq 时间: 2016-7-19 09:44:55

水电费发表于 2016-7-19 09:27
你这个应该是已经添加上了，可能是应为你的grid没有设置高度或者高度没有自适应，所以看不到添加的行 ...

高度我设置了，但是点击按钮，闪了一下，就没了

作者: 水电费 时间: 2016-7-19 09:46:56

wangqianwq 发表于 2016-7-19 09:44
高度我设置了，但是点击按钮，闪了一下，就没了

把高度100% 改为确切的高度比方200px

作者: wangqianwq 时间: 2016-7-19 10:07:04

水电费发表于 2016-7-19 09:46
把高度100% 改为确切的高度比方200px

可以，谢谢大神

作者: wangqianwq 时间: 2016-7-19 10:09:47

水电费发表于 2016-7-19 09:46
把高度100% 改为确切的高度比方200px

怎么设置datagrid，默认有添加的一行，在没点击添加按钮的时候

作者: 水电费 时间: 2016-7-19 10:11:56

wangqianwq 发表于 2016-7-19 10:09
怎么设置datagrid，默认有添加的一行，在没点击添加按钮的时候

看api或示例。这个里面是有的。

作者: felt 时间: 2016-7-19 11:46:39

wangqianwq 发表于 2016-7-19 10:09
怎么设置datagrid，默认有添加的一行，在没点击添加按钮的时候

grid.on("load",function(e){
addRow()
})

作者: wangqianwq 时间: 2016-7-19 15:17:29

felt 发表于 2016-7-19 11:46
grid.on("load",function(e){
addRow()
})

[attach]7677[/attach][attach]7678[/attach]我的下拉框选择后，显示的是编号，我想显示文本，是不是我哪里写错了<div field="PestName" width="120" headeralign="center" align="center" renderer="onPestRenderer">
                  林业有害生物
                  <input  property="editor"  class="mini-combobox" style="width: 100%;" textfield="DictionaryName" valuefield="DictionaryId" emptytext="林业有害生物"
                     url="../../AjaxService/MES_Ajax.aspx?method=GetPestType"  />
            </div>

作者: felt 时间: 2016-7-19 15:41:02

wangqianwq 发表于 2016-7-19 15:17
我的下拉框选择后，显示的是编号，我想显示文本，是不是我哪里写错了
林业有害生物
...

既然是固定的数据，请使用type="comboboxcolumn",render也不需要

作者: wangqianwq 时间: 2016-7-19 17:16:37

felt 发表于 2016-7-19 15:41
既然是固定的数据，请使用type="comboboxcolumn",render也不需要

好像不行，这样显示都显示不了了[attach]7683[/attach]  <div field="PestName" width="120" type="comboboxcolumn" headeralign="center" align="center" >
                  林业有害生物
                  <input  property="editor"  class="mini-combobox" style="width: 100%;" textfield="DictionaryName" valuefield="DictionaryId" emptytext="林业有害生物"
                     url="../../AjaxService/MES_Ajax.aspx?method=GetPestType"  />
            </div>

作者: felt 时间: 2016-7-19 17:29:41

wangqianwq 发表于 2016-7-19 17:16
好像不行，这样显示都显示不了了
                  林业有害生物

请检查你的数据，如果你行数据里面有PestName字段，值和下拉里面有匹配就会显示

作者: wangqianwq 时间: 2016-7-19 17:40:02

felt 发表于 2016-7-19 17:29
请检查你的数据，如果你行数据里面有PestName字段，值和下拉里面有匹配就会显示 ...

下拉框的数据跟绑定的值不是一样表的数据

作者: dforce 时间: 2016-7-20 09:18:26

wangqianwq 发表于 2016-7-19 17:40
下拉框的数据跟绑定的值不是一样表的数据

http://www.miniui.com/demo/#src=datagrid/celledit.html
如示例，国家那列的数据就是这样显示的

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)