easyui numberbox输入框 编辑不可编辑的切换

背景:申请单里需要选费用类型,费用类型有的有子明细项,有个合计项

     当有子明细项的时候,合计项的值是通过弹出的子明细项价格的总和(设置为可编辑没问题,因为点击出来弹框,编辑不了)

     没有子明细项的时候,合计项直接手填

    当费用类型没有选择的时候,合计项设置为不可编辑状态

首先:

找到需要编辑的numberbox

$aplgrid:easyui 的grid 容器

iExpenseClaimItemIndex:行索引

AmountWithTax: 指定列

var edNumberbox = $aplgrid.datagrid(‘getEditor‘, { index: iExpenseClaimItemIndex, field: ‘AmountWithTax‘ });

可编辑不可编辑需要分别设置

可编辑的设置

$(edNumberbox .target).numberbox(‘enable‘, true);

不可编辑的设置:

$(edNumberbox .target).numberbox(‘disable‘, true);

注:当numberbox 设置为不可编辑的时候,触发不了点击事件

  有明细项是点击出来弹框的效果

所以 选择费用类型的时候 就需要将numberbox 设置为可编辑的状态

  点击numberbox 的时候,如果没有选择费用明细 设置为不可编辑的状态

原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/9722221.html

时间: 2024-10-24 11:04:09

easyui numberbox输入框 编辑不可编辑的切换的相关文章

EasyUI,对treegrid进行编辑

主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态. columns : [ [ {             title : "ID",             field : "id",             hidden : true         }, {             field : "pid",             hidden : true         },  {             ti

easyui textbox 设置只读不可编辑状态

在使用easyul的时候,发现输入框内容及不容易获取与设置,用jQuery的方式大部分失效.依稀记得好像是因为easyul会在原页面的基础上,生成了一些新的独有样式,并且暂时覆盖掉使用了easyul的标签块.  具体我也忘记了,反正知道有这么会事就可以啦, --输入框 $("#xx").textbox('setValue','value');  //设置输入框的值 $('#xx').textbox('textbox').attr('readonly',true);  //设置输入框为禁

Easy-ui Datagrid表格数据的编辑与提交

前言 jQuery EasyUI是一组基于jQuery的UI 插件集合体,而jQuery EasyUI可以打造出功能更加丰富且美观的UI界面.开发者不需要了解复杂的javascript和css样式,只需要了解html标签. 一.    easy-ui基本知识 1.            easy-ui引用js顺序详解 引用Jquery的js文件: <script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="te

对easyUI中课堂源码编辑改进建议

在孙宇老师讲得Easyui第10讲完后,基本的增删该查做出来了,但是编辑存在一个问题:行内样式编辑修改,如果当用户没有修改数据,孙宇老师讲得时候直接return,这样做是不合理的:第二次再使用右键编辑时就是用不了右键编辑功能了:因此我将代码修改如下: if (inserted.length < 1 && updated.length < 1) { editRow = undefined; //回滚 $admin_user_dategrid.datagrid('rejectCha

jQuery easyUI 1.3.2 删除编辑功能 行号混乱的bug

最近使用jQuery easyUI 1.3.2 开发.在记录行设置一操作列,包含删除和编辑功能,操作后不reload重载(不发送新的数据库查询请求).网上教程是在初始化数据的时候,将行号index传入,如下代码 formatter:function(value,row,index){ if (row.editing){ var s = '<a href="javascript:void(0);" class="savebtn" onclick="sa

MyEclipse在不同编辑面间快速切换

想在下面的编辑页面间切换有两种方式,一种是按"栈"方式切换,一种是按"链表"方式切换. 按栈方式切换: Alt + 左箭头: 上一次编辑页面 Alter + 右箭头 : 下一个编辑也页面 按链表(绝对的从左到右或者从右到左)方式切换: Ctrl + Page Up: 跳到相邻的左边一个页面 Ctrl + Page Down:跳到相邻的右边一个页面

(原创)EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件

有时候在行编辑的时候,一个编辑框的值要根据其它编辑框的值进行变化,那么可以通过在开启编辑时,找到特定的Editor,为其添加事件 // 绑定事件, index为当前编辑行 var editors = $('#staffLogDetailGrid').datagrid('getEditors', index);     //获得当前行的编辑对象 console.info(editors[5]);  //editor[5]表示第五列这个控件 var sfgzEditor = editors[5];

EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件

有时候在行编辑的时候,一个编辑框的值要根据其它编辑框的值进行变化,那么可以通过在开启编辑时,找到特定的Editor,为其添加事件 // 绑定事件, index为当前编辑行 var editors = $('#staffLogDetailGrid').datagrid('getEditors', index); console.info(editors[5]); var sfgzEditor = editors[5]; sfgzEditor.target.bind('change',functio

easyui点击行内编辑,怎么获取行数据并赋值

第一:先获取formate格式化方法中的index值,定义data方法获取数据表格中的数据, 例如:function format(value,index,row){}: var data = $('#dg').datagrid('getData'); 第二:获取行的下标,然后打开dialog窗体,例如:通过下标获取数据,var row = data.rows[index];    打开dialog窗体,$('#edit').dialog('open'); 第三:用setValue赋值 ,例如: