jquery easyui datagrid 的问题

菜鸟先飞 2013-08-15 05:30:38

我需要的是让表格tempGrid的pr_qtys列成为可编辑列如图那样

...全文

130 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

菜鸟先飞 2013-08-15

打赏
举报

也就是从一开始都所有行的那一列一直都是可编辑的状态，不是点那一行那一行可编辑

菜鸟先飞 2013-08-15

打赏
举报

引用 4 楼 showbo 的回复:

一般是配置editor，添加onClickRow，然后自行beginEdit方法，直接显示的话只能用html控件，不能使用easyui的。。因为formatter需要返回string，返回dom对象或者easyui的对象都不行 onClickRow: function (rowIndex) { if (lastIndex != rowIndex) { $('#tt').datagrid('endEdit', lastIndex); $('#tt').datagrid('beginEdit', rowIndex); } lastIndex = rowIndex; }

你好你说的方法和我需要的结果已经很接近了，因为我需要请购量那一列从开始一加载就一直都是编辑状态的这个在哪里该呢

Go 旅城通票 2013-08-15

打赏
举报

一般是配置editor，添加onClickRow，然后自行beginEdit方法，直接显示的话只能用html控件，不能使用easyui的。。因为formatter需要返回string，返回dom对象或者easyui的对象都不行 onClickRow: function (rowIndex) { if (lastIndex != rowIndex) { $('#tt').datagrid('endEdit', lastIndex); $('#tt').datagrid('beginEdit', rowIndex); } lastIndex = rowIndex; }

菜鸟先飞 2013-08-15

打赏
举报

我是想上面的源码怎么该后显示的效果像这样

引用 1 楼 showbo 的回复:

添加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/>'}
}

这text可以但那是我同时后面还有天下combobox的

 {

				field : 'back_upb',

				title : '资金来源',

				width : 40,

				editor : {

					type : 'combobox',

					required : true,

					options:{

                        valueField:'code_no',

                        textField:'code_name',

                        url:'${ctx}/pms/op/prMst/codeDtlZjly.ht',

                        editable:false,

                        panelHeight : 70,

                    },

					

		            

				},

			}

像我这样写应该tempGrid的资金来源这一列应该是个下拉列单的可编的可是页面只显示的是一个valueField的值没有textField还是不可编辑的

呵呵我来啦 2013-08-15

打赏
举报

$('#tempGrid').datagrid('beginEdit'); 就触发了然后编辑,不知道你问的是啥？

Go 旅城通票 2013-08-15

打赏
举报

添加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/>'} }