jqgrid控件列分组
<%-- builed by manage.aspx.cmt [ver:2014.48.11] at 2014/10/11 16:48:33 --%>
<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="SysDictManage.aspx.cs"
Inherits="HraWeb.SysDictManage" %>
<%@ Register Assembly="Trirand.Web" TagPrefix="asp" Namespace="Trirand.Web.UI.WebControls" %>
<!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>
<style>
.left
{
width: 20%;
float: left;
overflow: auto;
display: inline;
height: 300px;
}
.right
{
width: 80%;
float: left;
overflow: hidden;
display: inline;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="toolbar" class="datagrid-toolbar">
<span class="title">字典名称:</span><input type="text" id="txt_Name_LK_" name="txt_Name_LK_"
class="input datacontrol" style="width: 100px" />
<span class="title">字典类别:</span>
<asp:TextBox runat="server" ID="prm_TypeCode_" CssClass="input datacontrol" Style="width: 180px" />
<a href="#" id="btn_add" iconcls="icon-add" class="button">新增</a> <a href="#" id="btn_edit"
iconcls="icon-edit" class="button">编辑</a> <a href="#" id="btn_del" iconcls="icon-remove"
class="button">删除</a> <a href="#" id="btn_search" iconcls="icon-search" class="button">
查询</a>
<asp:Button runat="server" ID="aa" OnClick="groupbtn"/>
</div>
<div style="width: 100%">
<%-- GroupSettings-CollapseGroups="true" GroupSettings-ShowSummaryOnHide="true" --%>
<div class="left">
<ul id="tt" class="easyui-tree">
</ul>
</div>
<div class='right'>
<asp:JQGrid runat="server" ID="jq" SortSettings-InitialSortColumn="Sequence" AutoWidth="True"
Height="400" DataUrl="/admin/Sys/SysDictManage.aspx?_method=search">
<Columns>
<asp:JQGridColumn DataField="Name" Visible="true" HeaderText="字典名称">
</asp:JQGridColumn>
<asp:JQGridColumn DataField="Code" Visible="true" HeaderText="字典编码">
</asp:JQGridColumn>
<asp:JQGridColumn DataField="TypeCode" Visible="true" HeaderText="字典类别">
<Formatter>
<asp:CustomFormatter FormatFunction="ChangeType" />
</Formatter>
</asp:JQGridColumn>
<asp:JQGridColumn DataField="IsActive" TextAlign="Center" Width="80" FixedWidth="True"
Visible="true" HeaderText="是否有效">
<Formatter>
<asp:CheckBoxFormatter />
</Formatter>
</asp:JQGridColumn>
<asp:JQGridColumn DataField="Sequence" Visible="false" HeaderText="顺序">
</asp:JQGridColumn>
<asp:JQGridColumn DataField="Id" Visible="False" HeaderText="数据字典ID" PrimaryKey="true">
</asp:JQGridColumn>
</Columns>
<%-- <HeaderGroups>
<asp:JQGridHeaderGroup StartColumnName="TypeCode" />
</HeaderGroups>--%>
<GroupSettings CollapseGroups="true" ShowSummaryOnHide="false">
<GroupFields>
<asp:GroupField DataField="TypeCode" ShowGroupColumn="true" GroupSortDirection="Asc" />
</GroupFields>
</GroupSettings>
<ClientSideEvents LoadComplete="JDataGrid.loadComplete" RowDoubleClick="JDataGrid.rowDoubleClick" />
</asp:JQGrid>
</div>
</div>
</form>
<script type="text/javascript">
var parentId = "";
function LoadTree() {
DataGrid.WaitMessage();
$("#tt").tree(
{ url: 'SysDictManage.aspx?_method=LoadDictType&a=' + Math.random(),
method: 'post',
animate: true,
onClick: function (node) {
var queryParams = $("body").GetSearchPostData();
if ($("#txt_Name_LK_").val() == "") {
queryParams["txt_Name_LK_"] = "";
}
//右边的easyui树代表字典类别TypeCode，下拉框prm_TypeCode_也是字典类别， 当点击树节点的时候，查询以点击的节点的字典类别为主，
//下拉框选择的字典类别prm_TypeCode_应当不再起作用所以设置
//queryParams["prm_TypeCode_"] = "";queryParams["txt_TypeCode_"] = node.id;
queryParams["prm_TypeCode_"] = "";
if (node.id != "-1")
queryParams["txt_TypeCode_"] = node.id;
else {
queryParams["txt_TypeCode_"] = "";
}
queryParams["ParentName"] = node.text;
$.post("SysDictManage.aspx?_method=MemoDictTypeCode&TypeCode=" + node.id + "&TypeName=" + node.text);
$("#jq").jqGrid("setGridParam", { page: 1, postData: queryParams }).trigger("reloadGrid");
},
onLoadSuccess: function (node, data) {
DataGrid.RemoveWaitMessage();
}
}
);
}
function getJson() {
var url = 'SysDictManage.aspx?entityType=SysDictType&_method=entity&tmp=' + Math.random() + '&queryTextFild=Name&idFild=Code';
$.ajax({
async: false,
type: "post",
url: url,
data: {},
dataType: "json",
success: function (data) {
jsonDic = data;
}
});
}
var jsonDic;
function PageOnLoad() {
LoadTree();
$(" .left").height(ComputGridHeight(100));
UTIL.SetEntityCombo($("#prm_TypeCode_"), "SysDictType", "Name", [[
{ field: 'Code', title: '字典编码', align: 'left', width: 40 },
{ field: 'Name', title: '字典名称', width: 40 }
]], null, 'Code');
//控件按钮设置
$(".button").linkbutton({ plain: true });
$("#btn_search").click(function () {
var queryParams = $("body").GetSearchPostData();
var row = $("#prm_TypeCode_").combogrid('grid').datagrid('getSelected');
if (row != null) {
queryParams["prm_TypeCode_"] = row.Code;
} else {
$("#prm_TypeCode_").val();
}
$("#jq").jqGrid("setGridParam", { postData: queryParams, page: 1 }).trigger("reloadGrid");
});
//参数说明：控件Id,查询地址，编辑页面的宽度，高度,编辑页面标题,新增按钮,编辑按钮，删除按钮，查询按钮，查询回调函数
JDataGrid.InitGrid("jq", "/admin/Sys/SysDictEdit.aspx", 600, 270, "数据字典", null, $("#btn_edit"), $("#btn_del"), $("#btn_search"));
$("#btn_add").click(function () {
var url = "/admin/Sys/SysDictEdit.aspx?x=1";
var menuId = UTIL.getUrlParam("_menuId");
if (menuId != null) {
url += "&_menuId=" + menuId;
}
if (parentId != "") {
url += "&typeId=" + parentId;
}
JDataGrid.Add(url, 600, 270, "数据字典");
});
}
function ChangeType(value, indx, rec) {
while (jsonDic == undefined) {
jsonDic = UTIL.GetChangeTypeJson("SysDictType", "Code", "Name");
}
return BindDictDrop(value, jsonDic, "Code", "Name", false);
}
</script>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using BaseService;
using Framework;
using HraWeb.Common;
using Trirand.Web.UI.WebControls;
using WebApp.Common;
using Contract.Domain;
using System.Collections;
namespace HraWeb
{
public partial class SysDictManage : JQEntityManage<Contract.Domain.SysDict>
{
protected override void Page_Load(object sender, EventArgs e)
{
//jq.GroupSettings.GroupFields.Add(new GroupField()
//{
// DataField = "IsActive",
// ShowGroupColumn = true,
// GroupSortDirection = Trirand.Web.UI.WebControls.SortDirection.Desc
//});
//给基类服务接口复制，可不付
//base.svc = Psvc;
if (!IsPostBack)
{
if (Request["_method"]=="LoadDictType")
{
LoadDictType();
}
if (!string.IsNullOrEmpty(Request["_method"]) && Request["_method"] == "MemoDictTypeCode")
{
string TypeCode = Request["TypeCode"] ?? "";
if (!string.IsNullOrEmpty(TypeCode))
{
Session["TypeCode"] = TypeCode;
}
HttpContext.Current.Response.End();
}
else if (Request["_method"] == "entity")
{
string entityType = Request["entityType"] ?? "";
if (!string.IsNullOrEmpty(entityType))
{
info = new QueryInfo();
info.QueryObject = "SysDictType";
IList list1 = Dao.FindList(info);
//IList<SysDictType> list = Holworth.Utility.Utility.ListToT<SysDictType>(list1);
HttpContext.Current.Response.Write(Newtonsoft.Json.JsonConvert.SerializeObject(list1));
HttpContext.Current.Response.End();
}
}
//if (string.IsNullOrEmpty(Request["_method"]))
//{
// Framework.QueryInfo info = new Framework.QueryInfo();
// info.QueryObject = "SysDictType";
// IList dictList = Dao.FindList(info);
// prm_TypeCode_.DataSource = dictList;
// prm_TypeCode_.DataTextField = "Name";
// prm_TypeCode_.DataValueField = "Code";
// prm_TypeCode_.DataBind();
// prm_TypeCode_.Items.Insert(0, new ListItem());
//}
}
base.Page_Load(sender, e);
}
private void LoadDictType()
{
Session["TypeCode"] = Request["TypeCode"];
Framework.QueryInfo info = new Framework.QueryInfo();
info.QueryObject = "SysDictType";
IList dictList = Dao.FindList(info);
IList<SysDictType> typeList = Holworth.Utility.Utility.ListToT<SysDictType>(dictList);
typeList = (from s in typeList orderby s.Name ascending select s).ToList();
EasyUiTree node = new EasyUiTree();
node.id = "-1";
node.text = "字典类型";
foreach (Contract.Domain.SysDictType dict in typeList)
{
if (node.children == null)
{
node.children = new List<EasyUiTree>();
}
var child = new EasyUiTree();
child.id = dict.Code;
child.text = dict.Name;
node.children.Add(child);
}
System.Collections.ArrayList list = new ArrayList();
list.Add(node);
Response.Write(Newtonsoft.Json.JsonConvert.SerializeObject(list));
Response.End();
}
/// <summary>
/// 设置查询条件或者语句
/// </summary>
/// <returns></returns>
protected override Framework.QueryInfo SetInfo()
{
info = base.SetInfo();
string ParentName = string.Empty;
//if (!string.IsNullOrEmpty(Request["ParentId"]))
{
//Session["ParentName"] = Request["ParentName"].ToString();
//if (Request["ParentId"] != "-1")
//{
// info.Parameters.Clear();
// info.AddParam("TypeCode", Request["ParentId"]);
//}
}
return info;
}
/// <summary>
/// 初始化页面控件
/// </summary>
protected override void InitPage()
{
base.InitPage();
// BindDrop(drp_Unit, "SPSW", true);
}
//private Contract.IService.ISysDictService psvc;
///// <summary>
///// 初始化
///// </summary>
//Contract.IService.ISysDictService Psvc
//{
// get
// {
// if (psvc == null)
// {
// psvc = ctx.GetObject("SysDictService") as Contract.IService.ISysDictService;
// }
// return psvc;
// }
//}
protected void groupbtn(object sender, EventArgs e)
{
jq.GroupSettings.GroupFields.Add(new GroupField()
{
DataField = "Sequence",
ShowGroupColumn = true,
GroupSortDirection = Trirand.Web.UI.WebControls.SortDirection.Desc
});
jq.DataBind();
}
}
}
jqgrid控件列分组的更多相关文章
- [WP8.1UI控件编程]SemanticZoom控件实现分组列表
11.1.5 SemanticZoom实现分组列表 SemanticZoom控件可以让用户实现一种更加高级的列表,这种列表可以对列表的项目进行分组,同时这个SemanticZoom控件会提供两个具有相 ...
- 一个动态扩展表格控件列和行的 jQuery 插件
一个动态扩展表格控件列和行的 jQuery 插件 不过这并不影响使用鸭! 看这里:https://github.com/zhuwansu/table-ext.js 一个简单的示范 html <t ...
- EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性
EasyUI 中 DataGrid 控件 是我们经常用到的控件之一, 但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定. 模型如下: public class Manager impl ...
- 继续聊WPF——设置网格控件列标题的样式
我很奇怪的是,微软那厮是怎么搞的,Blend里面居然不能编辑GridView的样式,十万般无奈之下,只好手写XAML来处理了. 要想知道一个控件的样式是如何设置,看控件类的定义很重要,我们来看看Gri ...
- 对Dev的GridControl/GridView控件进行分组并展开操作
今天在模块编写中碰到了对表格的分组,特意在这里把它记录下来. 一.背景:Dev14.1.3,GridControl,.NET4.0+C# 二.过程 1.GridControl设计 一共添加4列:在下面 ...
- DatagridView 控件列顺序与设置的不一样
解决方案如下 : 1. dataGridView1.AutoGenerateColumns = false; 2. 绑定的dataSource 中所有的列都要写进去(列一定是绑定的模型中属性) 先在界 ...
- GridView修改含有DropDownList控件列的宽度
GridView进入Edit模式,编辑列动态绑定DropDown List方便客户选择,但当里面的Item过长,不免令界面不美观 正确做法: <asp:TemplateField HeaderT ...
- silverlight的Datagrid控件列绑定属性笔记
<data:DataGridTemplateColumn Header="给作者留言"> <data:DataGridTemplateColumn.CellTem ...
- WPF 控件总结
内容控件:1.Button:当Button.IsCancel="True"时,点击按钮,对话框关闭.当Button.IsDefault="True",按回车触发 ...
随机推荐
- LG4360 [CEOI2004]锯木厂选址
题意 原题来自:CEOI 2004 从山顶上到山底下沿着一条直线种植了 n 棵老树.当地的政府决定把他们砍下来.为了不浪费任何一棵木材,树被砍倒后要运送到锯木厂. 木材只能朝山下运.山脚下有一个锯木厂 ...
- 【Swift 】- 闭包
闭包是自包含带函数代码块,可以在代码中被传递和使用.我觉得可以这样理解:闭包相当于C#中的lambda表达式: 全局函数和嵌套函数,实际也是特殊的闭包. 通常闭包是以下三种形式: a,全局函数是一个有 ...
- 第16篇 Shell脚本基础（一）
1.什么是shell?shell是一个命令解释器. 是介于操作系统内核与用户之间的一个绝缘层.对于一个linux系统使用人员来说,shell是你驾驭类linux系统最基本的工具.所有的系统命令和工具再 ...
- Linux修复磁盘操作
Linux修复磁盘操作 1.卸载分区 umount /data 修复磁盘,先判读是磁盘坏了,还是文件系统坏了:一般可以修复,但是建议换磁盘. 2.fsck -y /dev/sda1 ##-y 参数 ...
- fuser命令
fuser命令 http://blog.itpub.net/27573546/viewspace-765240/
- Win10的Hosts文件修改后无法保存的问题解决方法,实测可以
1.hosts文件是什么?有什么作用呢? Hosts是一个没有扩展名的系统文件,可以用记事本等工具打开,其作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”,当用户在浏览器中输入一个 ...
- Java-Maven-Runoob：Maven 自动化构建
ylbtech-Java-Maven-Runoob:Maven 自动化构建 1.返回顶部 1. 自动化构建定义了这样一种场景: 在一个项目成功构建完成后,其相关的依赖工程即开始构建,这样可以保证其依赖 ...
- 第九章 Servlet工作原理解析
9.1 从Servlet容器说起 Servlet容器:Jetty, Tomcat等. 这里以Tomcat为例, 真正管理Servlet的容器是Context容器,一个Context对应一个WE ...
- 基本教程篇--第一节：InitialSampleDemo.cs介绍
第一节:InitialSampleDemo.cs介绍 为了讲解方便,我先附上源代码和效果图. 代码如下: using System; using System.Drawing; ...
- jQuery笔记——事件
常用的事件有:click.dblclick. mousedown.mouseup.mousemove.mouseover.mouseout.change.select.submit.keydown. ...