@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. VMware workstation 14 Pro下载、安装及激活码

    虚拟机安装 1.百度搜索VMware应用程序 2.功能介绍 3.下载完成 4.开始安装 双击应用程序开始安装 5.点击“下一步” 6.勾选“我接受” 选择“下一步” 7.安装文件的选择:1.默认安装路 ...

  2. 4.3 if-else语句使用

    Q:对输入的成绩进行登记划分. #include<iostream> #include<cstdio> using namespace std; int main() { in ...

  3. [转]ASP.NET MVC学习系列(二)-WebAPI请求 传参

    [转]ASP.NET MVC学习系列(二)-WebAPI请求 传参 本文转自:http://www.cnblogs.com/babycool/p/3922738.html ASP.NET MVC学习系 ...

  4. 老毛桃制作装机版u盘

    启动盘准备工作: ① 老毛桃官网首页下载老毛桃v9.3装机版u盘启动盘制作工具安装到电脑上: ② 准备一个容量大在4G以上并能够正常使用的u盘. 第一步 到老毛桃官网中下载老毛桃v9.3安装包到系统桌 ...

  5. linux-xshell同时向多台服务器一起发命令

    概述:有时候我们要往多台linux服务器上面步东西,一台一台布能烦死我们.如果能同时向多台服务器发命令岂不美哉. 开工: 首先打开exshell,查看->撰写栏  打开 然后瓷砖排序,看起来方便 ...

  6. Web API之路由浅谈

    Web API的路由,是指明接口地址的方向,是照亮获取数据路上的灯塔,其重要性不言而喻. 本篇文章以vs2015为例,一步步说明路由的创建及使用,其中包括默认路由.自定义路由和特性路由. 一.默认路由 ...

  7. json解析写入mysql

    import json,requests,pymysql from pprint import pprint from datetime import datetime dt=datetime.now ...

  8. 使用AWR报告诊断Oracle性能问题

    在做单交易负载测试时,有的交易响应时间超出了指标值,在排除完测试环境等可能造成交易超时的原因后,去分析数据库问题.数据库用的是Oracle,对于Oracle数据库整体的性能问题, awr的报告是一个非 ...

  9. String转换成Boolean类型

    Boolean.valueOf()方法: public static Boolean valueOf(String s) { return toBoolean(s) ? TRUE : FALSE; } ...

  10. matla互相关协方差的计算和理解

    计算相关函数和协方差的MATLAB函数 MATLAB信号处理工具箱提供了计算随机信号相关函数xcorr. 函数xcorr用于计算随机序列自相关和互相关函数.调用格式为: [c,lags]=xcorr( ...