jquery实现编辑直接选中文本内容

最新推荐文章于 2023-11-09 09:50:24 发布

原创最新推荐文章于 2023-11-09 09:50:24 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个关于销售计划列表的数据编辑功能实现细节，包括如何设置计划数量字段为可编辑状态，并通过点击行来触发编辑模式，同时确保所输入的数据符合预设的数值范围。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<t:dgCol title="计划数量（箱）" field="planSumBox"
editor="{type:'numberbox',options:{precision:0,min:0}}"></t:dgCol>

$("#tdSalePlanList").datagrid({
           remoteSort : false,//是否从服务器排序数据
           //checkOnSelect : false,
           onClickRow : function(rowIndex, rowData) {
               var sync = $(this).datagrid('getRows')[rowIndex]['sync'];
               if (sync != 1) {
                   $(this).datagrid('beginEdit', rowIndex);
                   var planSumBox = $(this).datagrid('getEditor', {
                       index : rowIndex,
                       field : 'planSumBox'
                   });
                   //$(planSumBox.target).focus();
                   $(planSumBox.target).select()；//选中编辑框内文本