tab页以及jqgrid某些用法参考记录

最新推荐文章于 2019-04-09 10:06:14 发布
最新推荐文章于 2019-04-09 10:06:14 发布
阅读量195 收藏
点赞数
文章标签： xhtml json c#
原文链接：http://www.cnblogs.com/kexb/p/5042462.html
版权

 

<%@ 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>

转载于:https://www.cnblogs.com/kexb/p/5042462.html

weixin_34162629
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
tab页切换（项目全靠你啦）
01-06
tab页切换
整理的网上一个jquery tab页
淘淘小窝
12-12 1204
整理了别人的一个jquery tab页弄了一天多，希望能给和我一样的菜鸟点方便。大神绕路
Jquery UI Tab页中使用JqGrid，使JQGrid自适应大小
datianchou2812的博客
09-07 397
JqGrid如果不在Tab页中时，自适应大小是没问题的。但是，目前出现这么一种现象，在Tab页中，在多个Tab页中使用JqGrid时，诡异的现象就出现了。当我们一次性的将多个tab页中的jqgrid同时使之自适应大小时，（比如窗口放大缩小时，）只有当前展开的tab页中的jqgrid表现的正常。当鼠标点击打开其他tab页时，jqgrid仍旧保持之前窗口中的大小。这是由于正在打开大的t...
jqgrid tab 页显示问题
sunshinegirl168660的博客
04-09 924
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { $('#gbox_jqGrid,#gview_jqGrid,#gview_jqGrid .ui-jqgrid-hdiv,#gview_jqGrid .ui-jqgrid-bdiv').css('width','100%'); $('#gbox_jqGrid1,#gview_j...
bootstrap 中的tab与jqGrid,在切换标签的时候jqGrid宽无法自适应
qq122453418的博客
01-13 3074
代码如下（省略了jqGrid的代码）： 在线活动 历时活动 添加活动 当通过标签页切换显示的时候，第二个jqGrid的宽度不能自适应。 经过测试发现，当jqGrid的父元素处于隐藏状态的时候，无法计算出自适应的宽度值，因此会出现第二个jqGrid无法自适应的的问题。 解决方法：当标签页切换完成
jqGrid用法汇总(全经典)
10-22
jqGrid可以绑定XML,JSON和数组三种类型的数据。接下来通过本文给大家介绍jqGrid用法的相关知识，感兴趣的朋友一起学习吧
JQGrid的用法解析(列编辑,添加行,删除行)
09-04
本文是对JQGrid的用法--列编辑,添加行,删除行。进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
jqgrid 的treegrid用法
03-22
NULL 博文链接：https://baobeituping.iteye.com/blog/1004616
jquery ui tabs_jqgrid demo
05-31
jquery ui tabs_jqgrid demo
BUG：jqGrid可合并属性设置为true，无法实现当前列合并
tpwulawula的博客
08-11 547
这个BUG是基于我们平台进行开发发现的，不具有普遍性。 BUG的表现形式是当前列可合并属性mergeRow设为true后，当前列相同数据行无法合并，只会影响前一行属性。 merge属性：当前列重复属性是否可合并，默认为false，设置为true设置合并 sorttype属性：定义排序的方式，可选值：int/integer - 对整形数值进行排序, float/number/currency ...
jqgrid实现多行数据弹出框添加修改查询操作
qililong88的博客
08-05 5176
此页面可以实现在单行末尾进行添加图片操作，也可以实现选中多行然后一起添加修改图片操作。前台页面和后台代码及注解如下所示：groupImage包：materialNextDef.jsp： 药品图片添加 //要弹出添加框，此处先定义为隐藏
两个div之前切换（tab页面）点击后实现页面的现实和隐藏
iilegend的博客
08-25 2849
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <me
jQuery实现tabs(标签页/选项卡)Demo
庞凡 坚定自己踏实走好每一步
04-30 8064
1. 需要下载的文件 jquery.min.js 2. 效果截图   通过滑动鼠标可以切换不同的tabs，并且显示不同的内容。下面是实现的效果图 3. 代码   html 选项卡 $(function () { $("#mytabs").tabs(); });
jqgrid5.0 afterClear 用法
最新发布
06-08
在 jqGrid 5.0 中，afterClear 是一个用于清空搜索条件后执行的回调函数。它的用法如下： ```javascript $(selector).jqGrid({ // ...其他配置项... afterClear: function() { // 在这里编写清空搜索条件后的操作 } }); ``` 当用户点击 jqGrid 的“清除搜索条件”按钮时，afterClear 函数会被执行。在这个函数中，可以编写清空搜索条件后的操作。例如，可以重新加载 jqGrid 的数据，以显示所有数据。 需要注意的是，afterClear 函数只有在使用 jqGrid 内置的搜索功能时才会触发。如果开发者使用自定义的搜索功能，则需手动调用该函数。 此外，为了提高代码的可读性和可维护性，建议将 afterClear 函数单独定义在一个函数中，然后在 jqGrid 的配置中引用该函数。例如： ```javascript function myAfterClear() { // 在这里编写清空搜索条件后的操作 } $(selector).jqGrid({ // ...其他配置项... afterClear: myAfterClear }); ``` 这样可以避免代码过于冗长，也方便后续的维护和修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值