@disabled = "disabled", 只读属性

数据初始化

        public JsonResult RateList(string dispatch_number, string target_currency)
{
var product = new[]
{
new { REQUEST_FUNDS_CURRENCY ="RMB" ,RATE_VALUE="2.32"},
new { REQUEST_FUNDS_CURRENCY ="RMB1" ,RATE_VALUE="2.12"},
new { REQUEST_FUNDS_CURRENCY ="RMB2" ,RATE_VALUE="2.34"},
};
return Json(new { total = product.Count(), rows = product }, JsonRequestBehavior.AllowGet);
}

  

 <link href="~/Content/easyui.css" rel="stylesheet" />
<link href="~/Content/icon.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.easyui.min.js"></script> <div style="width:300px; height:350px;">
<button id="qq" >dfsd</button>
<table id="Cse_Bespeak_Log" ></table>
</div>
<script type="text/javascript">
$('#qq').click(function () { //保存的时候 最后 一个框还没完成 修改
if (endEditCal()) {
console.log();
} });
var RATE_VALUE;
$.extend($.fn.datagrid.methods, {
beginEditCell: function (jq, param) {
return jq.each(function () {
var opts = $(this).datagrid('options');
var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields'));
for (var i = ; i < fields.length; i++) {
var col = $(this).datagrid('getColumnOption', fields[i]);
col.editor1 = col.editor;
if (fields[i] != param.field) {
col.editor = null;
}
}
$(this).datagrid('beginEdit', param.index);
for (var i = ; i < fields.length; i++) {
var col = $(this).datagrid('getColumnOption', fields[i]);
col.editor = col.editor1;
}
});
}
});
var editIndex = -;
function endEditCal() {
if (editIndex == -) {
return true;
}
if ($('#Cse_Bespeak_Log').datagrid('validateRow', editIndex)) {
$('#Cse_Bespeak_Log').datagrid('endEdit', editIndex);
editIndex = -;
return true;
}
else {
return false;
}
}
$("#Cse_Bespeak_Log").datagrid({
url: "@Url.Action("RateList")",
queryParams: {
dispatch_number: "",
target_currency: "",
},
loadMsg: "数据加载中......",
rownumbers: true,
autoRowHeight: false,
fit: true,
fitColumns: false,
striped: true,
singleSelect: true,
collapsible: false,
pagination: false,
columns: [[
{
field: 'REQUEST_FUNDS_CURRENCY', title: '请款币别', width: ,
},
{
field: 'RATE_VALUE', title: '汇率', width: ,
editor: { type: 'text', },
styler: function (value, row, index) {
return 'background-color:#ecffff;';
},
}]],
onClickCell: function (index, field, value) { //编辑一个单元格
if (endEditCal()) {
$(this).datagrid('selectRow', index).datagrid('beginEditCell', { index: index, field: field }); //编辑一个单元格
//$(this).datagrid('beginEdit', index); //编辑一行
RATE_VALUE = $(this).datagrid("getRows")[index].RATE_VALUE;
editIndex = index;
}
else { }
},
onAfterEdit: function (index, row, changes) {//改变后触发
console.log(changes.RATE_VALUE);
if(changes.RATE_VALUE<)
{
$('#Cse_Bespeak_Log').datagrid('updateRow', {
index: index,
row: {
RATE_VALUE:
},
});
}
} }); </script>

EasyUI datagrid 选择单元格 出现文本框 修改 四的更多相关文章

  1. easyui datagrid单击单元格选择此列

    示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格.可以配置全局single变量, ...

  2. 扩展jquery easyui datagrid编辑单元格

    扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...

  3. Easyui datagrid 扩展单元格textarea editor

    datagrid 扩展单元格textarea editor by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 如下,在没有扩展的情况下,初始化如下 手 ...

  4. JS实现EasyUI ,Datagrid,合并单元格功能

    为了实现datagrid的合并单元格效果,datagrid的数据加载方式肯定是要写在JS文件内部的. 一:在JS内部添加Datagrid数据加载方法如下: $("#id").dat ...

  5. easyui datagrid 合并单元格

    整理以前做的东西,这个合并单元格的问题再新浪博客也写过了..... 下面这段代码是列表数据 //载入排放系数管理报表数据 function LoadEmissionReportData() { //获 ...

  6. EasyUI DataGrid 编辑单元格

    如下图: 现改为单击某个单元格只对此单元格进行可编辑 <TABLE>标记添加 onClickCell <table id="dg" class="eas ...

  7. EasyUI DataGrid编辑单元格时使用combogrid

    仅提供一段columns配置代码供参考: conditions对象是一个已赋值的数组对象集合.下拉框数据可直接使用conditions数据,也可以通过url获取. columns : [[ { fie ...

  8. easyui datagrid 自定义单元格单击与双击事件(Day_38)

    $(function(){ $('#tableId').datagrid({//单击事件   onClickRow:function(rowIndex,rowData){  alert("单 ...

  9. EasyUI datagrid单元格文本超出显示省略号,鼠标移动到单元格显示文本

    nowrap : true;  是前提 $('#×××').datagrid({ nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取 }); 省略号样式: <sty ...

随机推荐

  1. 在shell脚本里执行sudo 命令

      可以 : echo "yourpasswd" |sudo -S yourcommand 但是不安全,因为密码都显示在shell脚本里面了-_- 引自http://hi.baid ...

  2. Java Web(十) 分页功能

    分页 分页的使用非常普遍,现在一步步的把分页功能实现出来,先看看已经写好的效果: 该页面的所有数据都存放在一个javaBean对象(PageBean)里,每次访问该页面时,Serlvet就会把page ...

  3. react router @4 和 vue路由 详解(一)vue路由基础和使用

    完整版:https://www.cnblogs.com/yangyangxxb/p/10066650.html 1.vue路由基础和使用 a.大概目录 我这里建了一个router文件夹,文件夹下有in ...

  4. laravel模型表建立外键约束的使用:

    模型: //表->posts class Post extends Model { //关联用户: public function user(){ //belongsTo,第一个参数:外键表,第 ...

  5. laravel控制器方法中,用函数作为变量进行传递时的处理方法

    本人在做上传图片时,里面执行的方法时一致的,只是个别地方不同,这种情况下,就需要把公用的部分提取出来,把不同的地方放到回调函数种去. StudentController中的方法: public fun ...

  6. Spring、SpringMVC、Hibernate详细整合实例,包含所有步骤

    Eclipse完整工程如下 Jar包如下 CSDN下载地址:https://download.csdn.net/download/zhutouaizhuwxd/9721062 其中,整个工程主要可以分 ...

  7. 十三. Python基础(13)--生成器进阶

    十三. Python基础(13)--生成器进阶 1 ● send()方法 generator.send(value) Resumes the execution, and "sends&qu ...

  8. SQL-37 创建索引

    题目描述 针对如下表actor结构创建索引:CREATE TABLE IF NOT EXISTS actor (actor_id smallint(5) NOT NULL PRIMARY KEY,fi ...

  9. SQL-4查找所有已经分配部门的员工的last_name和first_name(自然连接)

    题目描述 查找所有已经分配部门的员工的last_name和first_nameCREATE TABLE `dept_emp` (`emp_no` int(11) NOT NULL,`dept_no` ...

  10. mysql cast

    之前讲到了orcale的字符串与日期等类型的转换,现在我们来看看Mysql是怎么转换的.比起orcale,MySQL相比之下就简单得多了,只需要一个Cast()函数就能搞定.其语法为:Cast(字段名 ...