easyui-tabs 页签绑定click事件,动态加载jqgrid
.前台代码 <%-- builed by manage.aspx.cmt [ver:2015.14.] at // :: --%> <%@ Page Language="C#" AutoEventWireup="True" CodeBehind="CcrCreditInputDataManage.aspx.cs" Inherits="HraWeb.CcrCreditInputDataManage" %> <%@ Register Assembly="Trirand.Web" TagPrefix="asp" Namespace="Trirand.Web.UI.WebControls" %>
<%@ Register TagPrefix="a" Namespace="System.Runtime.Serialization" Assembly="mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" %> <!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">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div id="ceng" style="height: 100px;">
<div class="easyui-tabs" id="tabs" style="width: 100%; height: 10px;">
<div title="资产负债表" style="padding: 10px">
<div id="toolbar1" class="datagrid-toolbar">
<span class="title">公司名称1:</span><input type="text" id="txt_CompanyName1_LK_" name="txt_CompanyName1_LK_" class="input datacontrol" style="width: 200px" />
<a href="#" id="btn_add1" iconcls="icon-add" class="button add">新增</a>
<a href="#" id="btn_edit1" iconcls="icon-edit" class="button edit">编辑</a>
<a href="#" id="btn_del1" iconcls="icon-remove" class="button del">删除</a>
<a href="#" id="btn_search1" iconcls="icon-search" class="button search">查询</a>
<a href="#" id="btn_import1" iconcls="icon-import" class="button">导入</a>
<a href="#" id="btn_DelHistory1_" iconcls="icon-remove" class="button">删除历史数据</a>
</div>
</div>
<div title="收支利润表" style="padding: 10px">
<div id="toolbar2" class="datagrid-toolbar">
<span class="title">公司名称2:</span><input type="text" id="txt_CompanyName2_LK_" name="txt_CompanyName2_LK_" class="input datacontrol" style="width: 200px" />
<a href="#" id="btn_add2" iconcls="icon-add" class="button add">新增</a>
<a href="#" id="btn_edit2" iconcls="icon-edit" class="button edit">编辑1</a>
<a href="#" id="btn_del2" iconcls="icon-remove" class="button del">删除</a>
<a href="#" id="btn_search2" iconcls="icon-search" class="button search">查询</a>
<a href="#" id="btn_import2" iconcls="icon-import" class="button">导入</a>
<a href="#" id="btn_DelHistory2_" iconcls="icon-remove" class="button">删除历史数据</a>
</div> </div>
<div title="现金流量表" style="padding: 10px">
<div id="toolbar3" class="datagrid-toolbar">
<span class="title">公司名称3:</span><input type="text" id="txt_CompanyName3_LK_" name="txt_CompanyName_LK_" class="input datacontrol" style="width: 200px" />
<a href="#" id="btn_add3" iconcls="icon-add" class="button add">新增</a>
<a href="#" id="btn_edit3" iconcls="icon-edit" class="button edit">编辑</a>
<a href="#" id="btn_del3" iconcls="icon-remove" class="button del">删除</a>
<a href="#" id="btn_search3" iconcls="icon-search" class="button search">查询</a>
<a href="#" id="btn_import3" iconcls="icon-import" class="button">导入</a>
<a href="#" id="btn_DelHistory3_" iconcls="icon-remove" class="button">删除历史数据</a>
</div>
</div>
</div> </div>
<div>
<asp:JQGrid runat="server" ID="jq" Height="" MultiSelect="True" DataUrl="/CCR/CcrCompanyManage.aspx?_method=searchlist">
<Columns>
<asp:JQGridColumn DataField="CompanyName" Visible="true" HeaderText="公司名称" Frozen="True"></asp:JQGridColumn> <asp:JQGridColumn DataField="Id" Visible="false" PrimaryKey="true"></asp:JQGridColumn>
</Columns>
<ClientSideEvents LoadComplete="JDataGrid.loadComplete" />
</asp:JQGrid>
</div> </form>
<script language="javascript" type="text/javascript">
$(".easyui-tabs").width(screen.width * 0.878);
$(".easyui-tabs").height(ComputGridHeight());
var height = screen.height * 0.61; </script> <script type="text/javascript">
var jsonDic;
var parentId = "";
var jsonDic2;
var sel = false;
var url = "";
$(function () {
var tabs = $("#tabs").tabs().tabs('tabs');
var title = "";
for (var i = ; i < tabs.length; i++) {
///以下代码是为页签动态绑定单击事件
tabs[i].panel('options').tab.unbind().bind('click', { index: i }, function (e) {
title = ($(this).find(".tabs-title").html());
switch (title) {
case "资产负债表": source = "CcrBalanceSheet";
break;
case "收支利润表": source = "CcrIncomeStatement"; break;
case "现金流量表": source = "CcrCashFlowStatement"; break; } url = "/CCR/" + source + "Edit.aspx";
$.post("CcrCreditInputDataManage.aspx?_method=setDataUrl", {url:url,title:title}); form1.action = "/CCR/CcrCreditInputDataManage.aspx?_method=SetGridDataSource&source=" + source;
form1.submit();
});
} });
function PageOnLoad() {
InitDrop();
$("#ceng").height(ComputGridHeight()); url = "<%=Session["CcrCreditInputDataEditUrl"]%>"; var tabTitle = "<%=Session["CcrCreditInputDataTabTtile"]%>";
$("#tabs").tabs("select",tabTitle);
JDataGrid.InitGrid("jq", url, , , tabTitle, $(".add"), $(".edit"), $(".del"), $(".search"));
$("#jq").setGridHeight("");
$("#btn_search1").click(function () { var queryParams = $("body").GetSearchPostData();
var row = $("#txt_CompanyName2_LK_").combogrid("grid").datagrid("getSelected");
if (row != null) {
queryParams["txt_CompanyName_LK_"] = row.Id;
} else {
queryParams["txt_CompanyName_LK_"] = "";
} $("#tb1").jqGrid("setGridParam", { postData: queryParams, page: }).trigger("reloadGrid");
});
$("#btn_DelHistory1_").click(function () { //删除历史记录
PW.getWindow("/CCR/DelCcrCreditRawDataChoice.aspx", "删除历史数据", , );
});
$("#btn_DelHistory2_").click(function () { //删除历史记录
PW.getWindow("/CCR/DelCcrCreditRawDataChoice.aspx", "删除历史数据", , );
});
$("#btn_import1").click(function () { PW.getWindow("/CCR/CcrCreditRawDataUpFileManage.aspx", "上传", , );
});
$("#btn_import2").click(function () { PW.getWindow("/CCR/CcrCreditRawDataUpFileManage.aspx", "上传", , );
});
//控件按钮设置
$(".button").linkbutton({ plain: true });
}
function InitDrop() { UTIL.SetEntityCombo($("#txt_CompanyName2_LK_"), "CcrFundermental", "CompanyName", [[
{ field: 'Id', title: '客户id', align: 'left', width: },
{ field: 'CompanyName', title: '公司名称', width: }
]], null, "Id");
} </script> </body>
</html> .后台代码 using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using HraWeb.Common;
using WebApp.Common;
using Contract.Domain;
using System.Collections;
using System.Text;
using DevExpress.XtraRichEdit.SpellChecker;
using HraModel.Sys.Enum;
using Trirand.Web.UI.WebControls; namespace HraWeb
{
public partial class CcrCreditInputDataManage : JQEntityManage<Contract.Domain.CcrCreditInputData>
{
private Spring.Caching.ICache cache;
private Spring.Caching.ICache SpringCache
{
get
{
if (cache == null)
cache = (Spring.Caching.ICache)ctx.GetObject("AspNetCache");
return cache;
}
set { cache = value; }
}
private void InitGrid(string entityName)
{
SpringCache.Remove("CcrCreditInputDataManage_JQ_SEL_TAB"+System.Environment.UserDomainName+System.Environment.UserName);
SpringCache.Insert("CcrCreditInputDataManage_JQ_SEL_TAB" + System.Environment.UserDomainName + System.Environment.UserName,entityName);
ArrayList colInfoList = GetTableInfo(ListAndTableExtension.ConvertToTableColumnName(entityName));
if (colInfoList != null && colInfoList.Count > )
{
int i = ;
foreach (dynamic c in colInfoList)
{
JQGridColumn col = new JQGridColumn();
col.DataField = ListAndTableExtension.ConvertToEntityColumnName(c.ColumnName);
col.HeaderText = c.Comments;
i++;
if (col.DataField != "Id")
jq.Columns.Add(col);
}
JQGridColumn cc = new JQGridColumn();
cc.DataField = "Id";
cc.Frozen = true;
cc.PrimaryKey = true;
cc.Visible = true;
cc.HeaderText = "PK";
jq.Columns.Insert(, cc); }
else
{
throw new Exception("表不存在或未定义任何列");
}
jq.DataUrl = string.Format("/CCR/CcrCreditInputDataManage.aspx?_method=search&source="+entityName,
entityName);
jq.ComputHeight = string.Empty;
jq.Height = ;
jq.Width = int.Parse((System.Windows.Forms.Screen.PrimaryScreen.WorkingArea.Width * 0.6).ToString().Split('.')[]);
}
private ArrayList GetTableInfo(string tableName)
{
info = new Framework.QueryInfo();
info.Parameters.Add("table_name", tableName);
System.Data.DataSet ds = Holworth.Utility.HraUtility.EntityRowMapper.ExcuteDataSet("ETLColumn", info, Server.MapPath("~/config/ETL.xml"));
System.Collections.ArrayList list = new System.Collections.ArrayList();
for (var i = ; i < ds.Tables[].Rows.Count; i++)
{
var row = ds.Tables[].Rows[i];
var obj = new { Comments = string.IsNullOrEmpty(row["comments"].ToString()) ? row["column_name"].ToString() : row["comments"].ToString(), ColumnName = row["column_name"].ToString() };
list.Add(obj);
}
return list;
}
protected override void Page_Load(object sender, EventArgs e)
{ jq.ComputHeight = string.Empty;
jq.Height = ;
ArrayList list = GetTableInfo("CCR_BALANCE_SHEET");
StringBuilder sb = new StringBuilder();
sb.AppendLine("$(\"#tb3\").jqGrid({,");
sb.AppendLine("url:url,");
sb.AppendLine("datatype:\"json\",");
sb.AppendLine("width:\"90%\",");
sb.AppendLine("height:height,");
sb.AppendLine("colNames:[{0}" + "],");
sb.AppendLine("colModel:[{1}" + "],");
sb.AppendLine("viewrecords:true,");
sb.AppendLine("rowNum:25");
sb.AppendLine("rowList:[5,10,15]");
sb.AppendLine("pager:\"#gridPager1\"");
sb.AppendLine("ondblClickRow:function(rowid){} }).navGrid('#gridPager3', { edit: false, add: false, del: false });");
string colNames = "";
string colModels = "";
foreach (dynamic item in list)
{
colNames +="'"+ item.Comments.ToString().Split('-') []+ "'" + ","; } string s = sb.ToString();
foreach (dynamic item in list)
{
colModels += "{name:" +"'"+ item.ColumnName+"'" + "," + "index:" + "'" + item.ColumnName + "'"+"},\n"; } //给基类服务接口复制,可不付
//base.svc = Psvc;
if (!IsPostBack)
{ }
switch (Request["_method"])
{
case "SetGridDataSource":
InitGrid(Request["source"]);
break;
case "setDataUrl":
Session["CcrCreditInputDataEditUrl"] = Request["url"];
Session["CcrCreditInputDataTabTtile"] = Request["title"];
break;
}
base.Page_Load(sender, e);
} protected override void setDataSource()
{
if ((string.IsNullOrEmpty(info.QueryObject) && string.IsNullOrEmpty(info.CustomSQL)))
{ info.QueryObject = SpringCache.Get("CcrCreditInputDataManage_JQ_SEL_TAB" + System.Environment.UserDomainName + System.Environment.UserName).ToString(); }
if (svc == null)
{
info = Dao.FindByQueryInfo(info);
}
else
{
info = svc.FindByQueryInfo(info);
}
} /// <summary>
/// 设置查询条件或者语句
/// </summary>
/// <returns></returns>
protected override Framework.QueryInfo SetInfo()
{
info = base.SetInfo();
if (Request["_menuId"] == "")
{
info.AddParam("Purpose", ((int)SysEnum.CCR_Credit_Score_Training).ToString());
}
if (Request["_menuId"] == "")
{
info.AddParam("purpose", ((int)SysEnum.CCR_Credit_Score_Rating).ToString());
}
return info;
} }
}
easyui-tabs 页签绑定click事件,动态加载jqgrid的更多相关文章
- easyui tabs页签显示在底部属性
data-options="tabPosition:'bottom'" 如果没有该属性 页签默认显示在最上面,效果如下 当加上了该属性 ,页签会出现在底部
- 移动端 vue + mintUI 实现头部页签切换,按需加载~
记录~记录~~有时候,我们会遇到一个页面有两个页签切换需求,但是为了避免同时加载两个页面,我们要做到的就是当前进入的是那个页面,就先加载哪一个页面,并且也不会造成浏览器地址的变化.一开始我使用的方法是 ...
- jquery easyui使用(二)······可折叠面板动态加载无效果
先上代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"& ...
- JQuery 动态加载 HTML 元素时绑定点击事件无效问题
问题描述 假设项目中有一个列表页面,如下: 当点击列表一行数据可以显示详情页面,而详情页面的数据是根据当前行的数据作为参数,通过 ajax 请求到后台返回的数据,再根据返回的结果动态生成 html 页 ...
- js动态加载HTML元素时出现的无效的点击事件
项目中列表数据中隐藏着详情数据, 图一: 详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面 图二: js文件中的这些js的点击事件无效: j ...
- WinForms中动态给treeView的节点添加ContextMenuStrip,并绑定Click事件
生成ContextMenuStrip var docMenu = new ContextMenuStrip(); ToolStripMenuItem deleteMenuItem = new Tool ...
- 二级ul li元素动态加载click事件
一.代码 html代码: <ul class="id1" id="id1" style="width:84%; height:75%;overf ...
- jquery每次动态加载dom,绑定事件会多一次,
jquery绑定事件,每次动态加载dom,绑定的事件会加1,比如动态加载dom5次,点那个点击事件会弹出5次 解决办法就是在每次绑定之前解绑定. $('.seek-footer .btn1').off ...
- jQuery-介绍 加载 选择器 样式操作 属性操作 绑定click事件
jQuery - 介绍 加载 选择器 样式操作 属性操作 绑定click事件 注意:以下部分问题不能实现效果,因该是单词拼写错误(少个t)或者没有加引号(“swing”)... jquery介绍 jQ ...
随机推荐
- Jam的计数法
Jam的计数法 题目描述 Description Jam是个喜欢标新立异的科学怪人.他不使用阿拉伯数字计数,而是使用小写英文字母计数,他觉得这样做,会使世界更加丰富多彩.在他的计数法中,每个数字的位数 ...
- nginx中在超全局变量$_SERVER中增加变量
业务中可能会用到一些自定义的超全局变量,需要在nginx中生成的,比如,每次nginx请求的id,可以在nginx中配置 如: location ~ \.php$ { root / ...
- HttpContext.Current.Cache和HttpRuntime.Cache的区别,以及System.Runtime.Caching
先看MSDN上的解释: HttpContext.Current.Cache:为当前 HTTP 请求获取Cache对象. HttpRuntime.Cache:获取当前应用程序的Cac ...
- Oracle GoldenGate理论
1Oracle GoldenGate处理方法和支持的数据库Oracle GoldenGate在多样和异构的基础IT平台中,可以在事务级别上进行数据交换和数据操作.在保证交易完整性和最小的开销的条件下, ...
- 插耳机对orientation sensor的影响
偶然发现,耳机孔插上耳机对手机的磁感应器有非常大的影响. 具体影响的方式和解决的方法,慢慢研究下
- 在laravel中使用QrCode包生成二维码
http://laravelacademy.org/post/2605.html 一切都是按照文档上的说明操作,没有问题
- svn配置及基本使用
svn软件下载地址http://subversion.apache.org/packages.html在安装TortoiseSVN时安装客户端和服务端 下以svn在windows下使用为例,linux ...
- 分表分库之二:唯一ID的生成方法
一.为什么要全局唯一? 我们在对数据库集群作扩容时,为了保证负载的平衡,需要在不同的Shard之间进行数据的移动, 如果主键不唯一,我们就没办法这样随意的移动数据.起初,我们考虑采用组合主键来解决这个 ...
- S3C2440开发环境搭建(Ubuntu)
我的操作系统是 Ubuntu 1404.可以使用下面的命令查看系统的版本: cat /etc/issue 安装.配置.启动 ftp 服务 sudo apt-get install vsftpd 修改 ...
- pymysql增删改查
#!/usr/bin/env python # encoding: utf-8 # Date: 2018/6/24 # 1.增删改import pymysql conn = pymysql.conn ...