jquery easyui datagrid 如何获取表格某一列全部数据数据

jquery easyui datagrid 如何获取表格某一列全部数据数据,第1张

//先获取所有行

var rows=$("#tg")datagrid("getRows");

/然后遍历每一行,取出你需要的那一列对应的值(相当于间接的取了某一列的值)

column_name就是你要取值的列名/ for(var i=0;i<rowslength;i++){ var value=rows[i]column_name; alert(value); }

easyui自带有 loadData 方法,下面有两种加载数据方法:

<table id="tt" border="false" fit="true" fitcolumns="true" iconcls="icon-edit" singleselect="true"></table>

function strToJson(str) {

var json = eval('(' + str + ')');

return json;

}

1加载静态数据方法

var htmls = "[{'ID':'FI-SW-01','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-02','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-03','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-04','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-05','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'}]";

$('#tt')datagrid('loadData', strToJson(htmls));

2ajax动态加载数据方法(支持后台数据库)

$ajax({

url: "/index/index",

data: { id: 1, code: "101" },

datatype: "json",

type: "POST",

traditional: true,

success: function(data) {

$('#tt')datagrid('loadData', strToJson(data));

}

})

返回的data数据格式为方法1中的htmls字符串格式。

希望对你有帮助。

你这个,,,,easyui可以直接定义编辑器的,你这个自己写的文本框。可以这样:

  var lastIndex ;

  $('#dg')datagrid({

                title: '日产量数据', //表格标题

                url: '/SpgDailyYield/GetSpg_Daily_Yield',

                sortName: 'id', //排序字段

                idField: 'id', //标识字段,主键

                height: 368, //高度

                queryParams: queryData,  //异步查询的参数

 columns: [[

                    { title: 'ID', field: 'id', width: 40, sortable: true, align: 'center' },

                    { title: '数    量', field: 'qty', width: 40, sortable: true, align: 'center' },

                    /editor 定义此列编辑类型/ 

                    {field: 'NewQty', title: '修改数量', width: 120,editor:{type: 'text'}

                                       }

                     }

                ]],

    /监听用户点击行事件/ 

      onClickRow : function(rowIndex,rowData) {

        /开始/结束编辑/

       if (lastIndex != rowIndex) {

        $('#dg')datagrid('endEdit', lastIndex);

        $('#dg')datagrid('beginEdit', rowIndex);

       }

        lastIndex = rowIndex; 

  },/监听编辑完成事件,当用户点击下一行时此事件触发/

 onAfterEdit:function(rowIndex,rowData,changes){

    /changes是用户修改后的值对象,没有发生更改此对象为空/

  if(changes!=null){

    alert("文本框里的值:"+changesNewQty); 

    alert("本行ID值:"+rowDataid); 

     });

   }

//先获取所有行varrows=$("#tg")datagrid("getRows");/然后遍历每一行,取出你需要的那一列对应的值(相当于间接的取了某一列的值)column_name就是你要取值的列名/for(vari=0;i

,看一下api就知道了

1

getSelected

none

返回第一个被选中的行或如果没有选中的行则返回null。

2

getindex

row

返回指定行的索引号,该行的参数可以是一行记录或一个ID字段值。

以上就是关于jquery easyui datagrid 如何获取表格某一列全部数据数据全部的内容,包括:jquery easyui datagrid 如何获取表格某一列全部数据数据、easyui是怎么获取数据库数据的、Easyui中获取datagrid某多个列的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9617064.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存