struts2.2-jquery-plugin学习HTML的写法（六） -

张传龙

浏览: 69547 次
性别:
来自: 南京

最近访客更多访客>>

piziwang

wanbai134

天使建站

Hunter1023

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

struts2.2-jquery-plugin学习HTML的写法（六）

博客分类：

struts2.2-jquery-plugin

<?xml version="1.0" encoding="utf-8"?>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Struts2 jQuery Grid Plugin Showcase</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	<meta http-equiv="keywords" content="struts2,jquery, hibernate, plugin,showcase, grid" />
	<meta http-equiv="description" content="Showcase for Struts2 jQuery Grid Plugin and Full Hibernate Struts2 Plugins" />
	<link href="styles/layout.css" rel="stylesheet" type="text/css" />



<script type="text/javascript" src="/js/showcase.js"></script>
   <sj:head
   		locale="zh_CN"
    	loadAtOnce="true"
    	compressed="false"
    	jquerytheme="showcase"
    	customBasepath="themes"
    	loadFromGoogle="false"
    	debug="true"
    />
   

  
</head>
<body>

<div id="mygridfilter"></div>
	<!-- 检索数据action:urlproductUnitAction -->
	<s:url id="urlgoodsUnitAction" action="goodsUnitAction"/>

	<!-- 添加数据 -->
	<s:url id="urleditGoodsUnit" action="editGoodsUnit"/>
   <sjg:grid
    	id="gridtable"
    	caption="商品单位列表"
    	dataType="json"
    	href="%{urlgoodsUnitAction}"
    	pager="true"
    	gridModel="gridModel"
    	rowList="10,15,20"
    	rowNum="10"
    	rownumbers="true"
    	navigator="true"
    	viewrecords="true"
    	editurl="%{urleditGoodsUnit}"
    	navigatorDelete="true"
    	multiselect="true"
    	navigatorView="true"
        navigatorExtraButtons="{
                hidebutton : { 
                       title : 'Show/Hide', 
			    	   icon: 'ui-icon-wrench', 
			    	   topic: 'showcolumns'
                }
        }"
    	onSelectRowTopics="rowselect"
    	onEditInlineSuccessTopics="oneditsuccess"
    	
    	navigatorSearchOptions="{multipleSearch:true}"
    	
    >
    	<sjg:gridColumn name="id" index="id" title="编号" formatter="integer" sortable="true" editable="false" searchoptions="{sopt:['eq','ne','lt','gt','cn']}"/>
    	<sjg:gridColumn name="cd" index="cd" title="编码" sortable="true"  editable="true" searchoptions="{sopt:['eq','ne','lt','gt','cn']}" hidedlg="true"/>
    	<sjg:gridColumn name="name"index="name" title="名称" sortable="true"  editable="true" searchoptions="{sopt:['eq','ne','lt','gt','cn']}"/>
    	<sjg:gridColumn name="byname" index="byname" title="别名" sortable="true"  editable="true" searchoptions="{sopt:['eq','ne','lt','gt','cn']}"/>
    	<sjg:gridColumn name="memCode" index="memCode" title="助记符" sortable="true"  editable="true" searchoptions="{sopt:['eq','ne','lt','gt','cn']}"/>
    	<sjg:gridColumn name="memo" index="memo" title="备注" sortable="true"  editable="true" searchoptions="{sopt:['eq','ne','lt','gt','cn']}"/>
    </sjg:grid>

    <sj:submit id="grid_edit_addbutton" value="Add Row"  onClickTopics="rowadd" button="true"/>
    <sj:submit id="grid_edit_searchbutton" value="Serach" onClickTopics="searchgrid" button="true"/>
    <sj:submit id="grid_edit_colsbutton" value="Hide/Show" onClickTopics="showcolumns" button="true"/>
 
 <script >
    $.subscribe('rowselect', function(event,data) {
        $("#gridinfo").html(''+event.originalEvent.id+'');
    });
    $.subscribe('rowadd', function(event,data) {
        $("#gridtable").jqGrid('editGridRow',"new",{height:280,reloadAfterSubmit:false});
  	});
    $.subscribe('searchgrid', function(event,data) {
        $("#gridtable").jqGrid('searchGrid', {sopt:['cn','bw','eq','ne','lt','gt','ew']} );
  	});
    $.subscribe('showcolumns', function(event,data) {
   		$.struts2_jquery.require("js/plugins/grid.setcolumns.js");
        $("#gridtable").jqGrid('setColumns',{});
  	});
  	
  	
</script>

  <div id="gridinfo" class="ui-widget-content ui-corner-all"></div>
</body>
</html>

注意：所使用的标签的主题是官方案例所提供：www.

写道

http://www.weinfreund.de/struts2-jquery-showcase/index.action

效果图：