tab页以及jqgrid某些用法参考记录
<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="CcrCreditHumanAssessEdit.aspx.cs" Inherits="HraWeb.CcrCreditHumanAssessEdit" %>
<%@ Import Namespace="HraModel.Sys.Enum" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<style>
.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
height:auto;
vertical-align:text-top;
padding-top:2px;
}
</style>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div >
<div class="datagrid-toolbar">
<a href="#" id="btn_complete" iconCls="icon-save" class="button">完成评级</a>
<a href="#" runat="server" id="btn_cancel_" iconCls="icon-close" class="button">取消评级</a>
</div>
</div>
<div>
<asp:BindingControl ID="bpEdit" runat="server">
<ContentTemplate>
<asp:TextBox id="txt_Id_" runat="server" style="display:none" CssClass="input datacontrol"/>
<table border="0" cellpadding="0" cellspacing="0" class="tableL">
<tr>
<th style='width: 10%'>公司名称：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_Company_Name_" runat="server" disabled="disabled" Style="width: 90%" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
<th style='width: 10%'>行业：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_Industry_" runat="server" Style="width: 300%" disabled="disabled" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
</tr>
<tr>
<th style='width: 10%'>报表年份：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_Date_" runat="server" Style="width: 90%" disabled="disabled" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
<th style='width: 10%'>通过状态：</th>
<td style='width: 60%'>
<asp:TextBox ID="txt_status_" runat="server" Style="width: 300%" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
</tr>
<tr>
<th style='width: 10%'>神经网络结构：</th>
<td style='width: 40%'>
<asp:DropDownList ID="txt_nnga_" runat="server" Style="width: 93%" CssClass="input datacontrol"></asp:DropDownList><span class="message">*</span>
</td>
<%-- <th style='width: 10%'>信用评级方式：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_rating_method" runat="server" Style="width: 300%" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
</tr>
<tr>--%>
<th style='width: 10%'>备注：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_remarks_" runat="server" Style="width: 90%" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
</tr>
</table>
</ContentTemplate>
</asp:BindingControl>
</div>
<div>
<table id="rowed3"></table>
<div id="prowed3"></div>
</div>
</form>
<script type="text/javascript">
//var rules;
var Id;
var jsonList = new Array();
function PageOnLoad() {
UTIL.SetEntityComboByParentCode($("#txt_Industry_"), "Sector_Type");
//UTIL.SetDict($("#txt_status_"), "COMPLETE_STATUS");
//UTIL.SetEntityComboByParentCode($("#txt_rating_method"), "CCR_RATING_METHOD", null, null, null, null, null, null, function() {
//var row = $("#txt_rating_method").combogrid("grid").datagrid("getSelected");
var ratingMethod = UTIL.getUrlParam("ratingMethod");
switch (ratingMethod) {
case "<%=((int)SysEnum.CCR_RATING_METHOD_HUMAN)%>":
$("#txt_nnga_").attr("disabled", "true");
$("#txt_nnga_").css({ 'background-color': "#EBEBE4" });
pageInit();
//$("#rowed3").show();
//$("#prowed3").show();
break;
case "<%=((int)SysEnum.CCR_RATING_METHOD_MECHINE)%>":
//$("#txt_nnga_").removeAttr('disabled');
//$("#txt_nnga_").css({ 'background-color': "#FFFFFF" });
//$("#rowed3").hide();
//$("#prowed3").hide();
break;
case "<%=((int)SysEnum.CCR_RATING_METHOD_HUMAN_MECHINE)%>":
pageInit();
//$("#txt_nnga_").removeAttr('disabled');
//$("#txt_nnga_").css({ 'background-color': "#FFFFFF" });
//$("#rowed3").show();
//$("#prowed3").show();
}
//},null,null);
UTIL.SetEntityComboByParentCode($("#txt_status_"), "Complete_Status");
var tab = artDialog.open.origin.$("#tabs").tabs("getTab", "公司评级");
var url = tab.panel('options').url;
var src = '<iframe name="indextab" scrolling="auto" frameborder="0" src=' + url + ' style="width:100%;height:100%;"></iframe>';
var ratingDate = UTIL.getUrlParam("ratingDate");
$(".button").linkbutton();
$("#btn_cancel_").click(function() {
$.post("CcrCreditHumanAssessEdit.aspx?_method=CancelRate");
console.log("评级已经取消。");
artDialog.close();
});
$("#btn_complete").click(function() {
//if (!$("#form1").validate().form()) {
// return;
//}
var ratingMethod = UTIL.getUrlParam("ratingMethod");
var remarks = encodeURI($("#txt_remarks_").val());
var status = "";
row = $("#txt_status_").combogrid("grid").datagrid("getSelected");
if (row != null) {
status = row.EnumValue;
}
var Data = '';
if (ratingMethod != '<%=((int)SysEnum.CCR_RATING_METHOD_MECHINE)%>')
{
var rowIds = $("#rowed3").getDataIDs();
for (var i = 1; i < rowIds.length + 1; i++) {
var rowData = $("#rowed3").jqGrid("getRowData", i);
var postData = {
Id: rowData.Id,
Mark: $("#" + i + "_Mark").val()
};
jsonList.push(postData);
}
//var row = $("#txt_rating_method").combogrid("grid").datagrid("getSelected");
//if (row != null) {
// ratingMethod = row.EnumValue;
//}
//alert(ratingMethod);
Data = JSON.stringify(jsonList);
}
var nnga = $("#txt_nnga_").val();
if (ratingMethod != '<%=((int)SysEnum.CCR_RATING_METHOD_HUMAN)%>') {
$.post("CcrCreditHumanAssessEdit.aspx?_method=checkDuplication&postData=" + Data + "&ratingDate=" + ratingDate + "&companyId=" + UTIL.getUrlParam("companyId") + "&status=" + status + "&remarks=" + remarks + "&nnga=" + nnga + "&ratingMethod=" + ratingMethod,
function(data) {
if (data == "0") {
parent.$.messager.alert("操作提示", "请勿进行重复评级!");
artDialog.open.origin.$("#tabs").tabs('update', {
tab: tab,
options: {
content: src
}
});
tab.panel('refresh');
artDialog.open.origin.JDataGrid.GridSearch();
artDialog.close();
} else {
calculateCreditRate(Data, ratingDate, status, remarks, nnga, ratingMethod, src, tab);
}
});
} else {
calculateCreditRate(Data, ratingDate, status, remarks, nnga, ratingMethod, src, tab);
}
});
}
// function validate(rules) {
// for (var i in rules) {
// var value = $("#" + rules[i]).val();
// }
//
// }
function calculateCreditRate(Data, ratingDate, status, remarks, nnga, ratingMethod, src, tab) {
$.post("CcrCreditHumanAssessEdit.aspx?_method=CalCredit&postData=" + Data + "&ratingDate=" + ratingDate + "&companyId=" + UTIL.getUrlParam("companyId") + "&status=" + status + "&remarks=" + remarks + "&nnga=" + nnga + "&ratingMethod=" + ratingMethod,
function (data) {
if (data == "1") {
parent.$.messager.alert("操作提示", "评级成功!");
artDialog.open.origin.$("#tabs").tabs('update', {
tab: tab,
options: {
content: src
}
});
tab.panel('refresh');
artDialog.open.origin.JDataGrid.GridSearch();
artDialog.close();
} else {
parent.$.messager.alert("操作提示", "评级失败，可能是由于数据不全!");
artDialog.open.origin.$("#tabs").tabs('update', {
tab: tab,
options: {
content: src
}
});
tab.panel('refresh');
try {
artDialog.close();
} catch (e) {
}
}
});
}
function pageInit() {
var rules = {};
var companyId = UTIL.getUrlParam("companyId");
var ratingDate = UTIL.getUrlParam("ratingDate");
var assessUrl = "/CCR/CcrCreditHumanAssessEdit.aspx?_method=getSheet&companyId=" + companyId + "&ratingDate=" + ratingDate;
var height =$(".layout-panel-center", window.parent.document).height()*0.52 ;
jQuery("#rowed3").jqGrid(
{
url: assessUrl,
datatype: "json",
colNames: ['ID', '模块名称', '指标', '分值', '计分标准', '比率值或说明', '满意值', '不允许值', '行业平均值', '得分'],
colModel: [
{ name: 'Id', index: 'Id', width: 60, sortable: false, sorttype: 'int' },
{ name: 'Module', index: 'Module', sortable: false, width: 60, editable: true },
{ name: 'IndexName', index: 'IndexName', sortable: false, width: 130, summaryType: 'count', summaryTpl: '小计' },
{ name: 'UpLimit', index: 'UpLimit', width: 100, sortable: false, formatter: 'number', summaryType: 'sum' },
{ name: 'Standard', index: 'Standard', sortable: false, width: 200 },
{ name: 'Description', index: 'Description', sortable: false, width: 80 },
{ name: 'OptimumValue', index: 'OptimumValue', sortable: false, width: 80 },
{ name: 'UnsatisfiedValue', index: 'UnsatisfiedValue', sortable: false, width: 80 },
{ name: 'IndustryAvg', index: 'IndustryAvg', sortable: false, width: 80 },
{ name: 'Mark', index: 'Mark', sortable: false, width: 80, editable: true }
],
rowNum: 100,
height: 'auto',
width: 990,
//rowList: [10, 20, 30],
//pager: jQuery('#prowed3'),
mtype: "post",
viewrecords: true,
sortname: 'UpLimit',
sortorder: "asc",
grouping: true,
groupingView: {
groupField: ['Module'],
groupColumnShow: [false],
groupText: ['<b>{0}--{1}个项目</b>'],
groupCollapse: false,
groupOrder: ['asc'],
showSummaryOnHide: true,
groupSummary: [true],
groupDataSorted: true
},
loadComplete: function() {
jQuery("#rowed3").jqGrid('hideCol', "Id");
var rowIds = $("#rowed3").getDataIDs();
//var rule = [];
for (var i = 1; i < rowIds.length +1; i++) {
jQuery('#rowed3').jqGrid('editRow', i, {
keys: false
});
//var rowData = $("#rowed3").jqGrid("getRowData", i);
var attrName = "#"+i + "_Mark";
//var upLimit = 3;
//rule[attrName] = { maxlength: 50, required: true, number: true, min: 0, max: upLimit };
}
// $("input[name$='Mark']").rules("add", {
// required: true,
// number: true,
// min: 0,
// max: 3
// });
// for (var j in rule) {
// rules[j] = rule[j];
// }
//validate
},
});
// jQuery("#rowed3").jqGrid('navGrid', "#prowed3", {
// edit: false,
// add: false,
// del: false
// });
}
</script>
</body>
</html>
tab页以及jqgrid某些用法参考记录的更多相关文章
- jquery easyui 中tab页添加其他页面，href与content的用法与区别
//tab页增加 function addPanel(name,url){ var dd = $('#tt').tabs('exists',name); if(dd){ $('#tt').tabs(' ...
- Jqgrid的用法总结与分页功能的拓展
这是本人写的第一个与技术相关的博客,但是非挑战技术的,而是对工作的总结,另外加一点点拓展. Jqgrid的功能十分强大,强大到可以做到与数据grid相关的任何功能,同时由于在用的过程中总是不能够一气呵 ...
- chrome浏览器tab页内存占用变大，网站变慢为哪般？
问题概述: 公司做的是BS应用. 之前我们的后台服务器程序是带状态的,用ehcache存储登录状态:这两天被我改成了redis存储,应用本身不再存储登录状态. 然后自测,我在测试某个很耗时间的网页操作 ...
- 值得分享的Bootstrap Ace模板实现菜单和Tab页效果（转）
Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) Ace英文官网:http://wrapbootstrap.co ...
- 动态tab页
1.前台代码 <%-- builed by manage.aspx.cmt [ver:2015.25.26] at 2015-06-26 15:25:42 --%> <%@ Pag ...
- JS组件系列——基于Bootstrap Ace模板的菜单Tab页效果优化
前言:之前发表过一篇 JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享(你值得拥有) ,收到很多园友的反馈,当然也包括很多诟病,因为上篇只是将功能实现了,很多细节都没有处理 ...
- jquery validate 之多tab页同时校验问题
1.设置多tab页同时校验: $("form").validate({ignore: ":hidden", ignore: ""}); 由于 ...
- SPA项目开发之tab页实现
实现思路及细节 1.利用前面博客所讲的Vuex的知识:定义几个变量 Options:存放tab页对象的容器(主要是路由路径以及tab页的名字) activeIndex:被激活的tab页路由路径 sho ...
- 使“Cmder Here”菜单在Tab页开新窗口
Cmder是一个非常好用的的控制台命令行,我们在实际使用的时候,经常通过如下指令将其注册到右键菜单: Cmder.exe /REGISTER ALL 这样就可以在任意文件夹下快速打开Cmder,并且能 ...
随机推荐
- CANopenNode drvTemplate/CO_driver.h hacking
/************************************************************************ * CANopenNode drvTemplate/ ...
- Python+Apache+CGI完全配置
http://www.tuicool.com/articles/jIZfaqQ 操作系统环境:Ubuntu 15.10 0.需求原因 想在我的Linux上架设Apache来运行CGI程序,方便以后用A ...
- MySQL实战 | 05 如何设计高性能的索引？
原文链接:MySQL | 05 如何设计高性能的索引? 上回我们主要研究了为什么使用索引,以及索引的数据结构.今天带你了解如何设计高性能的索引. 其中,有这么一个点,说的是 InnoDB 引擎中使用的 ...
- 图片的base64编码通过javascript生成图片--当前URL地址的二维码应用
前面的话 在电脑端发现一篇好的博文,想在手机上访问.这时,就必须打开手机浏览器输入长长的URL地址才行,非常不方便.如果在博客标题的后面跟一张小的图片,点击该图片后,出现一张二维码的大图,然后再通过手 ...
- 浅谈Manacher
\(Manacher\)是由一个叫做\(Manacher\)的人发明的能在\(O(n)\)时间内找出一个字符串长度最长的回文子串的算法. 由于偶回文串形如\(abba\)这样的不好找对称中心,所以我们 ...
- c++11之三: sizeof运算符 auto的优势 __func__预定义标识符
在C++11中,对非静态成员变量使用sizeof操作是合法的. auto推导的一个最大优势就是在拥有初始化表达式的复杂类型变量声明时简化代码.如:std:vector<std::string&g ...
- The Salt Master has rejected this minion's public key!
salt查看日志: salt --log-level=all "10.199.165.244" state.highstate 进入调试模式: salt-minion -l deb ...
- Chroma Oracle 安装宝典，吐血整理
尼玛,太坑爹!安装: 1.Chroma Application Service 2. PL SQL 安装Oracle 11g 的步骤和过程: 第一步:只能安装 Oracle 11g 64 bit 数据 ...
- Redis 集群之 Redis-Cluster
Redis集群官方推荐方案 Redis-Cluster 集群 redis cluster 通过分片实࣫容量扩展 通过主从复制实࣫节点的高可用 节点之间互相通信 每个节点都维护整个集群的节点信息 red ...
- C Primer Plus学习笔记（七）- 字符输入/输出和输入验证
单字符 I/O:getchar() 和 putchar() getchar() 和 putchar() 每次只处理一个字符 getchar() 和 putchar() 都不是真正的函数,它们被定义为供 ...