jquery easyui datagrid 的有关问题
日期：2014-05-16 浏览次数：20357 次
jquery easyui datagrid 的问题
<script type="text/javascript">
$(function() {
$('#tempGrid').datagrid({
fitColumns : true,
url:"getFirmDtlInfo.ht?prmst_id=${prmst_id}",
columns : [ [ {
field : 'item_name',
title : '物资名称',
width : 50,
}, {
field : 'item_desc',
title : '规格型号',
width : 40,
}, {
field : 'pr_qtys',
title : '请购量',
width : 35,
editor : {
type : 'numberbox',
},
} ,] ],
});
});
</script>
<body>
<div id="tempGrid" style="height: 290px">
</body>
这是源码 这个显示的效果如图
我需要的是让表格tempGrid的pr_qtys列成为可编辑列 如图那样
------解决方案--------------------
添加onClickRow:function(rowIndex)执行编辑方法就行
如果直接显示输入框，可以使用formatter返回input就行了
{
field : 'pr_qtys',
title : '请购量',
width : 35,
formatter:function(){return '<input type=text/>'}
}
------解决方案--------------------
$('#tempGrid').datagrid('beginEdit'); 就触发了然后编辑,不知道你问的是啥？
<script type="text/javascript">
$(function() {
$('#tempGrid').datagrid({
fitColumns : true,
url:"getFirmDtlInfo.ht?prmst_id=${prmst_id}",
columns : [ [ {
field : 'item_name',
title : '物资名称',
width : 50,
}, {
field : 'item_desc',
title : '规格型号',
width : 40,
}, {
field : 'pr_qtys',
title : '请购量',
width : 35,
editor : {
type : 'numberbox',
},
} ,] ],
});
});
</script>
<body>
<div id="tempGrid" style="height: 290px">
</body>
这是源码 这个显示的效果如图
我需要的是让表格tempGrid的pr_qtys列成为可编辑列 如图那样
easyui
jQuery
datagrid
------解决方案--------------------
添加onClickRow:function(rowIndex)执行编辑方法就行
var lastIndex;
//....
onClickRow: function (rowIndex) {
if (lastIndex != rowIndex) {
$('#tt').datagrid('endEdit', lastIndex);
$('#tt').datagrid('beginEdit', rowIndex);
}
lastIndex = rowIndex;
}
如果直接显示输入框，可以使用formatter返回input就行了
{
field : 'pr_qtys',
title : '请购量',
width : 35,
formatter:function(){return '<input type=text/>'}
}
------解决方案--------------------
$('#tempGrid').datagrid('beginEdit'); 就触发了然后编辑,不知道你问的是啥？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
