ext布局问题之tab panel内的gridpanel内容数据变多,出现滚动条
1)解决之道:
1.修改tabPanel
- var tabs= new Ext.TabPanel({
- border: false,
- region:'center',
- id:'center',
- activeTab:0,
- items: [{
2.将tabPanel的每个子项设置为border布局,然后每个grid设置region为center
- var tabs= new Ext.TabPanel({
- border: false,
- region:'center',
- id:'center',
- activeTab:0,
- items: [{
- title: 'First tab',
- //layout: 'fit',
- layout:'border',
- items: [grid]
- },{
- title: 'Second tab'
- }]
- });
2)效果:
3)代码:
1.js
- Ext.require('Ext.tab.*');
- var tabs;
- var tab1store;
- var tab2mainStore;
- var tab3mainStore;
- Ext.onReady(function () {
- //tabl1
- Ext.tip.QuickTipManager.init();
- Ext.QuickTips.init();
- Ext.define('tab1Model', {
- extend: 'Ext.data.Model',
- fields: [
- //'title', 'forumtitle', 'forumid', 'username',
- //{ name: 'replycount', type: 'int' },
- //{ name: 'lastpost', mapping: 'lastpost', type: 'date', dateFormat: 'timestamp' },
- //'lastposter', 'excerpt', 'threadid'
- 'ObjectID', 'Content', 'type', 'creator', 'createtime'
- ],
- idProperty: 'ObjectID'
- });
- // create the Data Store
- tab1store = Ext.create('Ext.data.Store', {
- pageSize: 2,
- model: 'tab1Model',
- remoteSort: true,
- proxy: {
- // load using script tags for cross domain, if the data in on the same domain as
- // this page, an HttpProxy would be better
- type: 'ajax',
- extraParams: { txtDraftDes: $("#txtDraftDes").val(), type: $("#ddlDraftType").val(), State: "Tempsave" },
- //type: 'json',
- url: '../../Ashx/GetCachetApplyWorkHighSpeed.ashx',
- reader: {
- //type: 'json' //返回数据类型为json格式
- root: 'data',
- totalProperty: 'totalCount'
- },
- // sends single sort as multi parameter
- simpleSortMode: true
- }
- //,
- //sorters: [{
- // property: 'lastpost',
- // direction: 'DESC'
- //}]
- });
- var pluginExpanded = true;
- var grid = Ext.create('Ext.grid.Panel', {
- //width: "100%",
- //height: 470,
- //autoHeight: false,
- region: 'center',
- title: 'tab1',
- header: false,
- store: tab1store,
- disableSelection: true,
- loadMask: true,
- viewConfig: {
- id: 'gv',
- trackOver: false,
- stripeRows: false,
- plugins: [{
- ptype: 'preview',
- bodyField: 'excerpt',
- expanded: true,
- pluginId: 'preview'
- }]
- },
- // grid columns
- columns: [{
- id: 'ObjectID',
- text: "用章事由",
- dataIndex: 'Content',
- flex: 1,
- renderer: function (value, metaData, record, rowIndex, colIndex, store) {
- return '<a href="cachetapply.html?CachetApplyID=' + record.data.ObjectID + '">' + value + '</a>';
- },
- sortable: false
- }, {
- text: "类型",
- dataIndex: 'type',
- width: 100,
- hidden: true,
- sortable: true
- }, {
- text: "时间",
- dataIndex: 'createtime',
- width: 250,
- align: 'right',
- sortable: true
- }, {
- text: "删除",
- xtype: 'actioncolumn',
- width: 100,
- sortable: false,
- menuDisabled: true,
- items: [{
- icon: '../../App_Themes/Glass/Images/Icon/delete.GIF',
- tooltip: '删除',
- scope: this,
- handler: function (grid, rowIndex) {
- var objectid = tab1store.getAt(rowIndex).data.ObjectID;
- Ext.MessageBox.confirm('提示', '确定删除吗?', function (btn) {
- if (btn == "yes") {
- Ext.Ajax.request({
- method: 'get',
- url: '../../Ashx/DeleteCachetApplyByObjeID.ashx',
- params: { ObjectID: objectid },//jsonData: Ext.encode(list),
- success: function (response) {
- Ext.Msg.alert("提示", "删除成功!");
- tab1store.reload();
- },
- failure: function () {
- Ext.Msg.alert("错误", "与后台联系的时候出了问题。");
- }
- })
- }
- });
- //insideGridStore.removeAt(rowIndex);
- }
- }]
- }],
- // paging bar on the bottom
- bbar: Ext.create('Ext.PagingToolbar', {
- store: tab1store,
- displayInfo: true,
- displayMsg: 'Displaying data {0} - {1} of {2}',
- emptyMsg: "No data to display"
- })
- });
- // trigger the data store load
- tab1store.loadPage(1);
- //tab1结束
- //tab2开始
- Ext.define('tab2Model', {
- extend: 'Ext.data.Model',
- fields: [
- { name: 'ObjectID' },
- { name: 'Content' },
- { name: 'type' },
- { name: 'creator' },
- { name: 'createdate' },
- { name: 'CategoryID' },
- { name: 'actor' },
- { name: 'url' },
- { name: 'dispatchid' }
- ]
- });
- tab2mainStore = Ext.create('Ext.data.ArrayStore', {
- model: 'tab2Model',
- autoLoad: true,
- proxy: {
- // load using script tags for cross domain, if the data in on the same domain as
- // this page, an HttpProxy would be better
- type: 'ajax',
- extraParams: { txtDraftDes: $("#txtDraftDes").val(), type: $("#ddlDraftType").val(), State: "Running" },
- //type: 'json',
- url: '../../Ashx/GetCachetApplyWorkHighSpeed.ashx',
- reader: {
- //type: 'json' //返回数据类型为json格式
- root: 'data',
- totalProperty: 'totalCount'
- },
- // sends single sort as multi parameter
- simpleSortMode: true
- }
- });
- function displayInnerGrid(renderId) {
- Ext.define('TestModel', {
- extend: 'Ext.data.Model',
- fields: [
- { name: 'OpinionID' },
- { name: 'objectid' },
- { name: 'ApproveUserID' },
- { name: 'ApproveUserName' },
- { name: 'ApproveTime' },
- { name: 'Content' },
- { name: 'ConfirmType' }
- ]
- });
- var insideGridStore = Ext.create('Ext.data.ArrayStore', {
- model: 'TestModel',
- //data: dummyDataForInsideGrid,
- autoLoad: true,
- proxy: {
- type: 'ajax',
- //filterParam: 'sysid',
- //simpleSortMode: true,
- //// The PHP script just use query=<whatever>
- //encodeFilters: function(renderId) {
- // return renderId;
- //},
- //autoSync:true,
- extraParams: {
- PrimaryId: renderId
- },
- writer: { type: "json" },
- // url: ApiUrl + "ZbbInfo/GetZbbInfoList?sysid=" + renderId,
- url: "../../Ashx/GetOpinionHistoryByPrimaryId.ashx",
- reader: {
- type: 'json'
- }
- }
- });
- innerGrid = Ext.create('Ext.grid.Panel', {
- store: insideGridStore,
- selModel: {
- selType: 'cellmodel'
- },
- title: '假期值班人员',
- header: false,
- columns: [
- {
- text: "审批人", dataIndex: 'ApproveUserName', flex: 1, width: 250
- },
- {
- text: "意见", dataIndex: 'Content', width: 250
- },
- {
- text: "审批时间", dataIndex: 'ApproveTime', width: 250
- },
- {
- text: "流程角色", dataIndex: 'ConfirmType', width: 250
- }
- ],
- columnLines: true,
- //autoWidth: true,
- //autoHeight: true,
- autoHeight: true,
- width: "99%",
- //height: 500,
- frame: false,
- iconCls: 'icon-grid',
- renderTo: renderId
- });
- innerGrid.getEl().swallowEvent([
- 'mousedown', 'mouseup', 'click',
- 'contextmenu', 'mouseover', 'mouseout',
- 'dblclick', 'mousemove'
- ]);
- }
- function destroyInnerGrid(record) {
- var parent = document.getElementById(record.get('ObjectID'));
- var child = parent.firstChild;
- while (child) {
- child.parentNode.removeChild(child);
- child = child.nextSibling;
- }
- }
- Ext.define('MainGrid', {
- extend: 'Ext.grid.Panel',
- alias: 'widget.MainGrid',
- region: 'center',
- store: tab2mainStore,
- autoScroll: true,
- viewConfig: {
- style: { overflow: 'auto', overflowX: 'hidden' }
- },
- columns: [
- {
- id: 'ObjectID',
- text: "用章事由",
- dataIndex: 'Content',
- flex: 1,
- width: 100,
- renderer: function (value, metaData, record, rowIndex, colIndex, store) {
- //(string.IsNullOrEmpty(Eval("DispatchId").ToString()) && string.IsNullOrEmpty(Eval("url").ToString())) ?
- //(Eval("CategoryID").ToString() == "2" ? "CachetApplyInfo.aspx?CachetApplyID=" + Eval("ObjectID").ToString() : "../ReviceDoc/RevDocShow.aspx?RevDocID=" + Eval("ObjectID").ToString() + "&type=6") : Request.ApplicationPath + "/" + Eval("url").ToString() + "?DispatchID=" + Eval("DispatchID").ToString() + "&mode=Edit"
- //(string.IsNullOrEmpty(Eval("DispatchId").ToString()) && string.IsNullOrEmpty(Eval("url").ToString())) ?
- // CachetApplyInfo.aspx?CachetApplyID=" + Eval("ObjectID").ToString()
- //Request.ApplicationPath + "/" + Eval("url").ToString() + "?DispatchID=" + Eval("DispatchID").ToString() + "&mode=Edit"
- if (record.data.url || record.data.dispatchid) {
- //Request.ApplicationPath + "/" + Eval("url").ToString() + "?DispatchID=" + Eval("DispatchID").ToString() + "&mode=Edit"
- return '<a href="../../' + record.data.url + '?DispatchId=' + record.data.dispatchid + '&mode=Edit">' + value + '</a>';
- } else {
- //CachetApplyInfo.aspx?CachetApplyID=" + Eval("ObjectID").ToString()
- return '<a href="../../Cachet/CachetApplyInfo.aspx?CachetApplyID=' + record.data.ObjectID + '">' + value + '</a>';
- }
- },
- sortable: false
- }, {
- text: "类型",
- dataIndex: 'type',
- width: 100,
- //hidden: true,
- sortable: true
- }, {
- text: "时间",
- dataIndex: 'createdate',
- width: 250,
- align: 'right',
- sortable: true
- }, {
- text: "当前审批人",
- dataIndex: 'actor',
- width: 250,
- align: 'right',
- sortable: true
- }
- ],
- selModel: {
- selType: 'cellmodel'
- },
- plugins: [{
- ptype: 'rowexpander',
- rowBodyTpl: [
- '<div id="{ObjectID}">',
- '</div>'
- ]
- }],
- //width: "99%",
- //height: 300,
- //autoHeight: true,
- //autoHeight: true,
- collapsible: true,
- animCollapse: false,
- title: '假期项目值班安排',
- header: false,
- iconCls: 'icon-grid',
- initComponent: function () {
- var me = this;
- this.callParent(arguments);
- },// paging bar on the bottom
- bbar: Ext.create('Ext.PagingToolbar', {
- store: tab2mainStore,
- displayInfo: true,
- displayMsg: 'Displaying data {0} - {1} of {2}',
- emptyMsg: "No data to display"
- })
- });
- var mainGrid = new Ext.create('MainGrid');
- mainGrid.view.on('expandBody', function (rowNode, record, expandRow, eOpts) {
- displayInnerGrid(record.get('ObjectID'));
- setTimeout(function () {
- //heighinit();
- }, 1000);
- });
- mainGrid.view.on('collapsebody', function (rowNode, record, expandRow, eOpts) {
- destroyInnerGrid(record);
- setTimeout(function () {
- //heighinit();
- }, 1000);
- });
- //mainGrid.render('bb');
- //tab2结束
- //tab3开始
- tab3mainStore = Ext.create('Ext.data.ArrayStore', {
- model: 'tab2Model',
- autoLoad: true,
- proxy: {
- // load using script tags for cross domain, if the data in on the same domain as
- // this page, an HttpProxy would be better
- type: 'ajax',
- extraParams: { txtDraftDes: $("#txtDraftDes").val(), type: $("#ddlDraftType").val(), State: "Completed" },
- //type: 'json',
- url: '../../Ashx/GetCachetApplyWorkHighSpeed.ashx',
- reader: {
- //type: 'json' //返回数据类型为json格式
- root: 'data',
- totalProperty: 'totalCount'
- },
- // sends single sort as multi parameter
- simpleSortMode: true
- }
- });
- Ext.define('MainGrid2', {
- extend: 'Ext.grid.Panel',
- alias: 'widget.MainGrid',
- region: 'center',
- store: tab3mainStore,
- //autoHeight: true,
- columns: [
- {
- id: 'ObjectID',
- text: "用章事由",
- dataIndex: 'Content',
- flex: 1,
- width: 100,
- renderer: function (value, metaData, record, rowIndex, colIndex, store) {
- return '<a href="../../Cachet/CachetApplyInfo.aspx?CachetApplyID=' + record.data.ObjectID + '">' + value + '</a>';
- },
- sortable: false
- }, {
- text: "类型",
- dataIndex: 'type',
- width: 100,
- //hidden: true,
- sortable: true
- }, {
- text: "时间",
- dataIndex: 'createdate',
- width: 250,
- align: 'right',
- sortable: true
- }, {
- text: "当前审批人",
- dataIndex: 'actor',
- width: 250,
- align: 'right',
- sortable: true
- }
- ],
- selModel: {
- selType: 'cellmodel'
- },
- plugins: [{
- ptype: 'rowexpander',
- rowBodyTpl: [
- '<div id="{ObjectID}">',
- '</div>'
- ]
- }],
- //width: "99%",
- autoScroll: true,
- viewConfig: {
- style: { overflow: 'auto', overflowX: 'hidden' }
- },
- //height: 300,
- //autoHeight: true,
- collapsible: true,
- animCollapse: false,
- title: '假期项目值班安排',
- header: false,
- iconCls: 'icon-grid',
- initComponent: function () {
- var me = this;
- this.callParent(arguments);
- },// paging bar on the bottom
- bbar: Ext.create('Ext.PagingToolbar', {
- store: tab3mainStore,
- displayInfo: true,
- displayMsg: 'Displaying data {0} - {1} of {2}',
- emptyMsg: "No data to display"
- })
- ,
- });
- var mainGrid2 = new Ext.create('MainGrid2');
- mainGrid2.view.on('expandBody', function (rowNode, record, expandRow, eOpts) {
- displayInnerGrid(record.get('ObjectID'));
- setTimeout(function () {
- //heighinit();
- }, 1000);
- });
- mainGrid2.view.on('collapsebody', function (rowNode, record, expandRow, eOpts) {
- destroyInnerGrid(record);
- setTimeout(function () {
- //heighinit();
- }, 1000);
- });
- //mainGrid2.render('cc');
- //tab3结束
- var height = document.documentElement.clientHeight-70;
- //alert(height);
- tabs = Ext.widget('tabpanel', {
- renderTo: 'tabs1',
- width: "100%",
- height: height,
- activeTab: 0,
- autoHeight: false,
- //layout : 'border',
- border: false,
- region: 'center',
- defaults: {
- bodyPadding: 0
- },
- items: [{
- contentEl: 'aatab',
- title: '拟稿',
- items: grid,
- layout: 'border'
- }, {
- contentEl: 'bbtab',
- title: '正在审批',
- items: mainGrid,
- layout: 'border'
- }, {
- contentEl: 'cctab',
- title: '完成审批',
- items: mainGrid2,
- layout: 'border'
- }]
- });
- });
- function qingkong() {
- $("#txtDraftDes").val("");
- $("#ddlDraftType").val("-1");
- }
- function displaysearch(which) {
- if ($("#search").css("display") == "none") {
- $("#search").css("display","block");
- $(which).attr("src", "../../MenuCust/TelDemo/bottom.png");
- } else {
- $("#search").css("display", "none");
- $("#txtDraftDes").val("");
- $("#ddlDraftType").val("-1");
- $(which).attr("src", "../../MenuCust/TelDemo/top.png");
- }
- }
- function search() {
- if (tabs.getActiveTab().title == "拟稿") {
- //tab1store.loadPage(1); txtDraftDes: type: -1
- tab1store.on('beforeload', function () {
- Ext.apply(tab1store.proxy.extraParams, { txtDraftDes: $("#txtDraftDes").val(), type: $("#ddlDraftType").val() });
- });
- tab1store.loadPage(1);
- } else if (tabs.getActiveTab().title == "正在审批") {
- tab2mainStore.on('beforeload', function () {
- Ext.apply(tab2mainStore.proxy.extraParams, { txtDraftDes: $("#txtDraftDes").val(), type: $("#ddlDraftType").val() });
- });
- tab2mainStore.load();
- } else if (tabs.getActiveTab().title == "完成审批") {
- tab3mainStore.on('beforeload', function () {
- Ext.apply(tab3mainStore.proxy.extraParams, { txtDraftDes: $("#txtDraftDes").val(), type: $("#ddlDraftType").val() });
- });
- tab3mainStore.load();
- }
- //mainStore.on('beforeload', function () {
- // Ext.apply(mainStore.proxy.extraParams, { sysName: sysName });
- //});
- //mainStore.load();
- }
2.html:
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta http-equiv="X-UA-Compatible" content="IE=Edge">
- <meta charset="UTF-8" />
- <title>节假日值班安排</title>
- <script src="../Js/jquery.js"></script>
- <script src="../../Ext/ext-all.js"></script>
- <link href="../../Ext/resources/css/ext-all.css" rel="stylesheet" />
- <script src="../Js/tabs.js"></script>
- <script src="../Js/tab1.js"></script>
- <script src="../Js/PreviewPlugin.js"></script>
- <script src="../Js/tab2.js"></script>
- <style type="text/css">
- .btnHover {
- background-image: url(../../App_Themes/Glass/Images/backcolorImage.jpg);
- background-repeat: no-repeat;
- }
- .btnOut {
- background-image: none;
- text-decoration: none;
- text-align: center;
- padding-top: 2px;
- }
- .LinkbuttonCss {
- background: transparent url('../../App_Themes/Glass/Images/WebResource.png') no-repeat scroll top right;
- background-repeat: no-repeat;
- background-attachment: scroll;
- background-position: 100% -98px;
- border-collapse: separate;
- display: block;
- float: left;
- padding-bottom: 3px;
- padding-top: 1px;
- white-space: nowrap;
- text-decoration: none;
- cursor: pointer;
- }
- .LinkbuttonCss2 {
- border-collapse: separate;
- display: block;
- float: left;
- padding-bottom: 3px;
- padding-top: 1px;
- white-space: nowrap;
- text-decoration: none;
- cursor: pointer;
- }
- .spanCss {
- background: transparent url('../../App_Themes/Glass/Images/WebResource.png') no-repeat scroll top right;
- background-repeat: no-repeat;
- background-attachment: scroll;
- background-position: 0px -75.5px;
- border-collapse: separate;
- display: block;
- float: left;
- line-height: 1.3;
- padding-bottom: 3px;
- padding-left: 15px;
- padding-right: 3px;
- padding-top: 3px;
- white-space: nowrap;
- cursor: pointer;
- }
- .spanCss2 {
- border-collapse: separate;
- display: block;
- float: left;
- line-height: 1.3;
- padding-bottom: 3px;
- padding-left: 15px;
- padding-right: 3px;
- padding-top: 3px;
- white-space: nowrap;
- cursor: pointer;
- }
- .ellipsis {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
- html, body {
- padding: 0px 0px 0px 0px;
- margin: 0px 0px 0px 0px;
- overflow: hidden; /*font-family: 微软雅黑;*/
- height: 100%;
- width: 100%;
- background-color: #E8EFF9;
- }
- .divselectmission {
- border-top-style: solid;
- border-top-color: #8DB2E3;
- border-top-width: 1px;
- border-left-style: solid;
- border-left-color: #8DB2E3;
- border-left-width: 1px;
- border-right-style: solid;
- border-right-color: #8DB2E3;
- border-right-width: 1px;
- border-bottom-color: #8DB2E3;
- border-bottom-style: solid;
- border-bottom-width: 1px;
- margin: 3px 3px 3px 3px;
- height: 27px;
- width: auto;
- background-image: url(../../MenuCust/TelDemo/daiban2.png);
- }
- .divmainContent {
- border-top-style: solid;
- border-top-color: #8DB2E3;
- border-top-width: 1px;
- border-left-style: solid;
- border-left-color: #8DB2E3;
- border-left-width: 1px;
- border-right-style: solid;
- border-right-color: #8DB2E3;
- border-right-width: 1px;
- border-bottom-color: #8DB2E3;
- border-bottom-style: solid;
- border-bottom-width: 1px;
- position: absolute;
- top: 33px;
- bottom: 3px;
- left: 3px;
- right: 3px;
- height: auto;
- width: auto;
- padding-top: 3px;
- background-image: url(../../MenuCust/TelDemo/daiban2.png);
- }
- .RadGridCss {
- position: absolute;
- top: 31px;
- bottom: 0px;
- height: auto;
- border-top-style: solid;
- border-top-color: #8DB2E3;
- border-top-width: 0px;
- }
- .RadGridCss1 {
- }
- .ExpandCollapseColumn {
- cursor: pointer;
- }
- </style>
- <style type="text/css">
- .list {
- padding-left: 16px;
- padding-bottom: 10px;
- }
- .list li {
- list-style: square;
- padding: 2px;
- }
- pre {
- font-size: 11px;
- }
- </style>
- </head>
- <body >
- <div id="selectmission" class="divselectmission">
- <div style="float: left; height: 100%; padding-left: 10px; padding-top: 8px; font-weight: 600; font-size: 12px; color: #000000">
- 公章审批查询
- </div>
- <div style="float: right; height: 100%; padding-right: 6px; padding-top: 6px">
- <img id="imgbtn" alt="" src="../../MenuCust/TelDemo/top.png" style="cursor: hand" onclick="displaysearch(this)">
- </div>
- </div>
- <div id="search" style="display: none;">
- <div id="SearchDraft" style="display: block; background-color: #E8EFF9; padding-top: 4px; padding-bottom: 3px; padding-left: 6px; font-size: 12px;">
- <table>
- <tbody>
- <tr>
- <td style="text-align: right; padding-left: 3px;">
- 用章事由:
- </td>
- <td style="text-align: left;">
- <input name="txtDraftDes" type="text" id="txtDraftDes" style="width: 200px;">
- </td>
- <td style="text-align: right; padding-left: 3px;">
- 类型:
- </td>
- <td style="text-align: left;">
- <select name="ddlDraftType" id="ddlDraftType">
- <option selected="selected" value="-1">全部</option>
- <option value="1">股份</option>
- <option value="2">集团</option>
- </select>
- </td>
- <td>
- <input type="button" name="btnQuery1" value="查询" onclick="search()" id="btnQuery1" style="padding-top: 3px;">
- </td>
- <td>
- <input type="button" id="button1" onclick="qingkong()" value="重置" style="padding-top: 3px;">
- </td>
- <td>
-
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div id="tabs1">
- <div id="aatab" class="x-hide-display">
- </div>
- <div id="bbtab" class="x-hide-display">
- </div>
- <div id="cctab" class="x-hide-display">
- </div>
- </div>
- </body>
- </html>
【软考非常全的免费系统架构设计师(软考架构师)资料加博主QQ:552343492,备注软考资料!!!
【软考】非常全的免费系统架构设计师(软考架构师)资料加博主QQ:552343492,备注软考资料!!!
【软考】非常全的免费系统架构设计师(软考架构师)资料加博主QQ:552343492,备注软考资料!!!
ext布局问题之tab panel内的gridpanel内容数据变多,出现滚动条的更多相关文章
- [转载]ExtJs4 笔记(10) Ext.tab.Panel 选项卡
作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律 ...
- ExtJs4 笔记(10) Ext.tab.Panel 选项卡
本篇讲解选项卡控件. 一.基本选项卡 首先我们来定义一个基本的选项卡控件,其中每个Tab各有不同,Tab的正文内容可以有三种方式获取: 1.基本方式:通过定义html和items的方式. 2.读取其他 ...
- ExtJS 4 在Ext.tab.Panel中使用Ext.ux.IFrame打开url指向的网页
ext-4.2.1.883\examples\ux\IFrame.js ext-4.2.1.883\examples\ux\TabCloseMenu.js 复制到 \Scripts\ext-4.2.1 ...
- 关于系统首页绘制问题(ext布局+c#后台加入数据)经html输出流输出响应client
关于系统首页绘制问题,业务需求 TODO 绘制系统首页(Main.aspx) 採用的技术:functioncharts+jquery+ext布局+c#+html 解说篇:1,服务端aspx,2,服务端 ...
- Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计
实现点击不同树节点打开不同tab页展示不同datagrid表数据设计 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 需求描述 如上图, 1.点击左侧树,叶子 ...
- jQuery实现页内查找相关内容
当需要在页面中查找某个关键字时,一是可以通过浏览器的查找功能实现,二是可以通过前端脚本准确查找定位,本文介绍通过jQuery实现的页面内容查找定位的功能,并可扩展显示查找后的相关信息. 本文以查找车站 ...
- 将CMD内的显示内容输出到txt文件
将CMD内的显示内容输出到txt文件 xxxx -t >c:\test.txt //xxxx为命令 如ping www.baidu.com //-t >c:\test.tx ...
- JS获取中文拼音首字母,并通过拼音首字母高速查找页面内的中文内容
实现效果: 图一: 图二: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGVzdGNzX2Ru/font/5a6L5L2T/fontsize/400/f ...
- 利用webBrowser获取框架内Html页面内容
原文:利用webBrowser获取框架内Html页面内容 利用webBrowser获取页面比较简单,MSDN下有示例,在这里不必多说. 可是一些 HTML 文档由“框架”构成,或可以存放它们自己独特 ...
随机推荐
- 【VBA编程】07.循环结构语句
[FOR...NEXT语句] For counter = start To End [Step step] [statements] [Exit For] [statements] Next [cou ...
- AnjularJS小项目,小案例,练手,猜数字
之前自己就学了点AnjularJS,都是在菜鸟教程里面将基础的只是大致过了一遍,没怎么自己动手做什么东西练练手,但还是觉得纸上得来终觉浅,得知此事要躬行啊,今天就做了个猜数字的小游戏,觉得效果还不错, ...
- cookie_session的详细用法
相对路径与绝对路径 相对路径: 链接地址 <a href="list.do"></a> 表单提交地址 <form action="add. ...
- Android之ImageButton控件基础操作
控件绑定(前台对应控件的id属性要设置为imageButton_light) private ImageButton imageButton_light;//定义一个ImageButton控件对象,名 ...
- js中加入数据缓存
因为我们的系统设计 所有的数据查询全部是采用参数化json 后台解析后进行数据返回 由于使用统一的数据查询入口 所有可以很方便的为数据设置缓存 var ModelDataCache = new Arr ...
- SSE,MSE,RMSE,R-square 指标讲解
SSE(和方差.误差平方和):The sum of squares due to error MSE(均方差.方差):Mean squared errorRMSE(均方根.标准差):Root mean ...
- php serialize序列化对象或者数组
serialize序列化对象或者数组 $str=serialize(array('a'=>1,'b'=>2)); echo $str; 输入出a:2:{s:1:"a"; ...
- ajax 上传图片
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
- Sublime Text 2/3如何支持中文GBK编码(亲测实现)
Sublime Text 2/3如何支持中文GBK编码 听语音 | 浏览:17594 | 更新:2014-03-17 10:52 1 2 3 4 5 分步阅读 Sublime Text默认是只支持UT ...
- 【Objective-C】05-第一个OC的类
OC是一门面向对象的语言,因此它也有类.对象.静态\动态方法.成员变量的概念.这讲就来创建第一个OC的类. 一.语法简介 1.类 在Java中,我们用1个.java文件就可以描述清楚一个类:在OC中, ...