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,并且能 ...
随机推荐
- LeetCode Minimum Absolute Difference in BST
原题链接在这里:https://leetcode.com/problems/minimum-absolute-difference-in-bst/#/description 题目: Given a b ...
- poj3171 Cleaning Shifts[DP]
https://vjudge.net/problem/POJ-3171.(有价值的区间全覆盖问题) (lyd例题)朴素DP很好想,$f[i]$表示将右端点从小到大排序后从$L$(要求覆盖的大区间)到第 ...
- bzoj 2013: A huge tower 数学
题目: 有\(N(2\leq N\leq 620000)\)块砖,要搭一个\(N\)层的塔,要求:如果砖\(A\)在砖\(B\)上面,那么\(A\)不能比\(B\)的长度\(+D\)要长.问有几种方法 ...
- CentOS7.2 Jenkins部署
1.安装配置java环境 直接下载二进制安装包: # tar xvf jdk-8u111-linux-x64.tar.gz -C /usr/local/src/ # ln -sv /usr/local ...
- CentOS6.5上安装Python2.7和PIP
目前大部分用户使用的CentOS6.5上默认的Python还是2.6版本.升级到Python2.7碰到很多问题.本文将介绍如何安装Python2.7. 1. 安装必要的准备包 安装过程将用到gcc,方 ...
- Linux性能监控工具sysstat系列简介
简介 sysstat提供了Linux性能监控的工具集,包括sar.sadf.mpstat.iostat.pidstat等,这些工具可以监控系统性能和使用情况.各工具的作用如下: iostat - 提供 ...
- POJ2230(打印欧拉回路)
Watchcow Time Limit: 3000MS Memory Limit: 65536K Total Submissions: 7473 Accepted: 3270 Specia ...
- gcc和g++使用澄清
一:gcc与g++比较 编译c/c++代码的时候,有人用gcc,有人用g++,于是各种说法都来了,譬如c代码用gcc,而 c++代码用g++,或者说编译用gcc,链接用g++,一时也不知哪个说法正确, ...
- 分布式锁之一:zookeeper分布式锁1
zookeeper集群的每个节点的数据都是一致的, 那么我们可以通过这些节点来作为锁的标志. 首先给锁设置一下API, 至少要包含, lock(锁住), unlock(解锁), isLocked(是否 ...
- 空中楼阁 ( House )最短路
题目描述: 话说Z4阴差阳错地来到了神秘岛.不久,他们发现,这是一个由n个小岛和一个中心岛组成的群岛,群岛之间有m座桥.令他们感到惊讶的是,这些桥并不是固定不变的,经较长时间的观察,发现它们会随时间作 ...