查看: 10538|回复: 15

datagrid中combobox数据变化如何显示 [复制链接]

tangkechu

新手上路

Rank: 1

电梯直达

楼主

发表于 2013-4-11 18:27:37 |只看该作者 |倒序浏览

初始显示
<div id="datagrid1" class="mini-datagrid" style="width:95%;height:280px;"  idField="id" showFooter='false'  allowCellEdit="true" allowCellSelect="true" multiSelect="true"  editNextOnEnterKey="true">
      <div property="columns">
         <div field="gtable" width="100" allowSort="true"  type="comboboxcolumn" >表
            <input id="gitable" property="editor" class="mini-combobox" style="width:100%;"
                  data="movetable"  textField="text" valueField="id" value="111111" />
         </div>
         <div field="birthday" width="100" allowSort="true"  type="comboboxcolumn" >列
               <input property="editor" class="mini-combobox" style="width:100%;"  />
         </div>
</div>

初始设置

<script type="text/javascript">
//拖动的表
var movetable = [{"id":"test","text":"test"}];
var grid = mini.get("datagrid1");
grid.setTotalCount(100);
grid.setData([]);
for (var i = 0; i < 1; i++) {
         var newRow = { name: "New Row" };
         grid.addRow(newRow, i);
      }
< /script>

事件触发后
<script type="text/javascript">

var strSysTable ="测试";

var tabobj = {};
tabobj.id = strSysTable;
tabobj.text = strSysTable;
movetable.push(tabobj);
var index = grid.getData().length
var newRow = { gtable: "new Row" };
grid.addRow(newRow, index);
var data = grid.getData();

mini.get("gitable").setData(movetable);
mini.get("gitable").load(movetable);
< /script>

数据可以绑定在下拉框中，

当点击时无法显示

谢谢版主帮我瞧瞧看能解决不

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2013-4-12 09:05:51 |只看该作者

你把mini.get("gitable").load(movetable);去掉试试

我说了load()的参数是url，是一个地址
不是一个数组

tangkechu

新手上路

Rank: 1

板凳

发表于 2013-4-12 09:25:28 |只看该作者

factory 发表于 2013-4-12 09:05
你把mini.get("gitable").load(movetable);去掉试试

我说了load()的参数是url，是一个地址

我不和后台交互只是前台处理所以真的没有url 我只是想得到事件中的数据
事件第一次触发时候可以得到第一次传来的值第二次也可以得到就是点击下拉框不显示了我跟踪了下是我 grid.addRow(newRow, index);这个原因请问怎么才可以全部得到呢等一会我做个小实例传上来麻烦您帮我再瞧瞧

factory

超级版主

Rank: 8 Rank: 8

地板

发表于 2013-4-12 09:44:15 |只看该作者

tangkechu 发表于 2013-4-12 09:25
我不和后台交互只是前台处理所以真的没有url 我只是想得到事件中的数据
事件第一次触发时候可 ...

好的

tangkechu

新手上路

Rank: 1

5^#

发表于 2013-4-12 10:23:41 |只看该作者

factory 发表于 2013-4-12 09:44
好的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script src="scripts/boot.js" type="text/javascript"></script>
</head>
<body>
      <input id="Submit1" type="submit" value="测试按钮" onclick="submitform();" />
      <br />
      <div id="datagrid1" class="mini-datagrid" style="width: 95%; height: 280px;" idfield="id"
         showfooter='false' allowcelledit="true" allowcellselect="true" multiselect="true"
         editnextonenterkey="true" />
      <div property="columns">
         <div field="gtable" width="100"  type="comboboxcolumn"  >
            表
            <input id="gitable" property="editor" class="mini-combobox"  textField="text" valueField="id" data="movetable"  />
         </div>
         <div field="gcols" width="100" type="comboboxcolumn">
            列
            <input property="editor" class="mini-combobox" />
         </div>
      </div>
</div>
</body>
</html>

<script type="text/javascript" language="javascript">

      mini.parse();

      //表初始数据
      var movetable = { "id": "test", "text": "test" }
      //得到表格
      var grid = mini.get("datagrid1");
      //增加5条空白数据
      for (var i = 0; i < 2; i++) {
         var newRow = { name: "New Row" };
         grid.addRow(newRow, i);
      }

      //测试按钮事件
      function submitform() {
         var table = mini.get("gtable")
         //增加5条空白数据
         for (var i = 0; i < 2; i++) {
            var newRow = { name: "New Row" };
            grid.addRow(newRow, i);
         }
         //事件触发后得到的数据(这里测试使用随机数)
         var strSysTable = Math.random() * 10;
         var testt = { "id": strSysTable, "text": "test" + strSysTable }
         movetable = testt;

         //alert("dd");
      }

</script>