easyUI datagrid checkbox 不能提交多选 原因分析。

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了easyUI datagrid checkbox 不能提交多选 原因分析。，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1291字，纯文字阅读大概需要2分钟。

内容图文

 原因分析过程如下：

<table id="tb" style="" class="easyui-datagrid" toolbar="#tool"
	 title="学习" selectOnCheck = "false" singleSelect="false" idField="kid">
    <thead>
	 <tr>
	    <th field="kid" width="0" hidden="true"></th>
	    <th field="no" width="30" align="center">序号</th>
	    <th field="content" width="510" editor="text">&nbsp&nbsp&nbsp内容</th>
	 
	  </tr>
    </thead>
   </table>

    今天使用easyUI做一个小东西，datagrid定义如上，但是提交数据的时候、 虽然选择了所有的checkbox都打上勾，但是提交到服务器的时候，发现只有最后一个点击的才是真正选择了的，其他的都变成未选。在网上搜罗好久，都没有搜到满意答案、也没有人给个解答，只好慢慢翻easyUI源码了。

  翻了几个小时、最终决定从 datagrid 的 getChecked 方法下手：

搜索到如下代码：
getChecked:function(jq){
return _555(jq[0]);

来到这里：
function _555(_556){
var _557=$.data(_556,"datagrid");
var opts=_557.options;
console.log(opts);
if(opts.idField){
return _557.checkedRows;
}else{
var rows=[];
opts.finder.getTr(_556,"","checked").each(function(){
rows.push(opts.finder.getRow(_556,$(this)));
});
console.log(rows);
return rows;
}
};

console.log(opts);
console.log(rows);

加上这两句，发现 idField 是  <table .... idField="kid"> 里定义的，取消这里对比发现，只要没有定义idField，就可以实现我想要的效果了，要么就只有最后选择的 才返回checked： return _557.checkedRows;

收摊！

内容总结

以上是互联网集市为您收集整理的easyUI datagrid checkbox 不能提交多选 原因分析。全部内容，希望文章能够帮你解决easyUI datagrid checkbox 不能提交多选 原因分析。所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---