Extjs gridPanel多表头怎么实现

相关推荐

• Extjs gridPanel多表头怎么实现 javascript

  12年前
  回答 1 已采纳 gridPanel多表头怎么实现？比如图中的 “出发”“到达”和“时间”“地点”，这个两行的表头的样式如何实现？谢谢！！    
• 关于extJS gridPanel的表头嵌套 如何实现

  8年前
  回答 1 已采纳 我想实现一个grid  它的表头 类似附图这样样式的，具体该怎么实现呢
• EXTJS4.2的gird中如何设置表头加粗特定行或者列加粗？

  3年前
  回答 3 已采纳 EXTJS的gird中如何设置表头加粗特定行或者列加粗？如下图我想让蓝色笔圈住的部分加粗突出显示
• extjs4 怎么取到所有columns的header 表头名

  9年前
  回答 6 已采纳 var MyPanelUi = Ext.extend(Ext.Panel, { title: '上市公司股价信息', width: 764, renderTo:'mainDiv', initComponent: function() { this.items = [ { xtype: 'form', title: '', layout: 'hbox', formId: 'searchFrm', bodyStyle: 'background:#d6e3f3; padding:10px;', fieldDefaults: { labelAlign: 'right', labelWidth: 70, anchor: '100%' }, defaults: { margins: '5 40 0 0' }, items: [ { xtype: 'textfield', fieldLabel: '公司名称', name: 'userName', allowBlank: false }, { xtype: 'numberfield', name: 'price', fieldLabel: '股价', value: 5, minValue: 0, maxValue: 50 }, { xtype: 'button', text: '查 询' //,iconCls:'searchBtn' } ] }, { xtype: 'grid', title: '股价信息列表', id : 'mygrid', height: 323, store: ds, columns : [ { id :'company', text : 'Company', flex: 1, sortable : true, dataIndex: 'company' }, { text : 'Price', width : 75, sortable : true, dataIndex: 'price' }, { text : 'Change', width : 75, sortable : true, renderer : change, dataIndex: 'change' }, { text : '% Change', width : 75, sortable : true, renderer : pctChange, dataIndex: 'pctChange' }, { text : 'Last Updated', width : 85, sortable : true, renderer : Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange' }, { text: 'Rating', width: 30, sortable: true, renderer: rating, dataIndex: 'rating' } ], bbar: { dock: 'bottom', xtype: 'pagingtoolbar', store: ds, pageSize: 25, displayInfo: true, displayMsg: '当前 {0} 到 {1} 条 共有 {2}条', emptyMsg: '没有可供显示的数据' }, tbar: { xtype: 'toolbar', items: [ { xtype: 'button', iconCls: 'add', text: '添加', handler: function () { var column=Ext.getCmp('mygrid').columns; alert(column); //alert(Ext.getCmp('mygrid').column.getColumnCount()); } }, { xtype: 'button', iconCls: 'update', text: '修改' }, { xtype: 'button', iconCls: 'remove', text: '删除' } ] } } ]; MyPanelUi.superclass.initComponent.call(this); } });  var column=Ext.getCmp('mygrid').columns;                                  alert(column);   怎么取到所有columns的header 表头名
• gridpanel中的某一列单元格的单击事件。 javascript

  11年前
  回答 2 已采纳 请教各位高手，小弟现在遇到了如下问题： 我用EXT生成了一个GRIDPANEL，里面的数据已经能正常显示。现在有如下要求，点击某一列的单元格的数据要去执行一个新方法。 我现在的做法是这样：给那个写了一个render方法(名字叫 enterprise(e)) function enterprise_message(){alert("tt");} function enterprise(e){ if(e.length>0&&e!=null) { //return ""+e+""; return ""+e+""; } else return e; } 运行时却提示 "enterprise_message()”这个方法没有定义. 可是当我运行 return ""+e+"";这句话时执行是对的。 这是为什么呢？ 请教各位大哥，谢谢了！
• EXT怎么禁用列头排序功能？

  5年前
  回答 1 已采纳  比如我想直接隐藏掉哪个排序的选项，请问该怎么处理。谢谢
• GridPanel无法移动表头问题，难道是BUG？？ javascript

  10年前
  回答 2 已采纳 我把一个GridPanel放到TabPanel里面作为它的一个Tab，结果GridPanel中的横滚动条只能够移动表体，无法移动表头？如果把GridPanel单独提出来渲染就没有问题。这是不是ExtJS 3.2的一个BUG？ 代码如下： [code="js"] var store = new Ext.data.SimpleStore({ data:data, fields:["id","name","code","shortname","enterprise","orgization","property","level","desc","head","maincontact","ficontact"] }); var cm = new Ext.grid.ColumnModel([         {header:"序号",dataIndex:"id",sortable:true},             {header:"仓库名称",dataIndex:"name",sortable:true},               {header:"仓库代码",dataIndex:"code",sortable:true},         {header:"仓库简称",dataIndex:"shortname",sortable:true},         {header:"隶属企业",dataIndex:"enterprise",sortable:true},         {header:"隶属部门",dataIndex:"orgization"},         {header:"类型代码",dataIndex:"property"},         {header:"仓库等级",dataIndex:"level"},         {header:"仓库性质",dataIndex:"desc"},         {header:"主要负责人",dataIndex:"head"},         {header:"主要联系人",dataIndex:"maincontact"},         {header:"付款联系人",dataIndex:"ficontact"}         ]); var gridpanel = new Ext.grid.GridPanel({            //title:"仓库基本信息",         clicksToEdit:2, cm:cm,            store:store,         autoExpandColumn:11         });         Ext.onReady(function() { var panel = new Ext.form.FormPanel({ renderTo: 'userinfo', title: '仓库基础资料', width: 1024, height: 768, bodyStyle: "padding:5px 5px 0", //边距样式 tbar:[ {pressed:false,iconCls:'add',text:'新增'}, {pressed:false,iconCls:'delete',text:"删除"}, {pressed:false,iconCls:'save',text:"保存"}, {pressed:false,iconCls:'check',text:"审核"}, {xtype:'tbseparator'}, {pressed:false,iconCls:'printer',text:"打印"}, {xtype:'tbseparator'}, {pressed:false,iconCls:'import',text:"从Excel导入"}, {pressed:false,iconCls:'export',text:"导出至Excel"}, {xtype:'tbseparator'}, {pressed:false,iconCls:'dataup',text:"上移"}, {pressed:false,iconCls:'datadown',text:"下移"}, {xtype:'tbseparator'}, {pressed:false,iconCls:'comment',text:"发送SMS"}, {pressed:false,iconCls:'email',text:"发送邮件"}, ], items: [ { layout:'form', border:false, items:[ { xtype:'tabpanel', plain:true, activeTab:0, height:370, deferredRender: false, //defaults:{bodyStyle:'padding:1px'}, items:[ {title:'仓库基础资料',items:gridpanel}, {title:'仓库财务资料'} ] } ] }); }) [/code]
• extjs 如何刷新整个表格 javascript

  11年前
  回答 5 已采纳 下面是我的代码 mygrid.store=new Ext.data.SimpleStore({ data : data123, fields : ["mailFrom", "theme","content", "date"] }); mygrid.cm=new Ext.grid.ColumnModel([sm, { header : "发件人", dataIndex : "mailFrom" }, { header : "主题", dataIndex : "theme" }, { header : "内容", dataIndex : "content" },{ header : "发送时间", dataIndex : "date" }]) mygrid.update(); mygrid是已经存在的一个gridPanel对象。 data123是已经获取到的数据。 sm是一个Ext.grid.CheckboxSelectionModel对象 现在我想做一个功能就是在点击按钮之后，执行上面的代码将mygrid表格内的数据和标题栏全部刷新。 网上找到的都是只有数据刷新的。也不知道这样子写对不对。
• 返回元素类后表单提交 javascriptphpjquery

  3年前
  回答 1 已采纳 I'm trying to create customizable checkboxes using buttons. I'm able to differentiate which button class has been selected, but I've been unable to track the button class post form submission. Ideally, instead of reseting the buttons to a default value when the page is loaded or submitted, I can keep whatever input was initially provided. I've tried using the isset() php function, but I don't think it's a valid solution in this circumstance. Are there any alternatives? Find my code below: <form id="my-form" method="post"> <html> <body > <style> .button { color: white; padding: 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; cursor: pointer; } .button1 { border-radius: 100%; background-color: green; border: none; } .button2 { border-radius: 100%; background-color: red; border: none; } </style> <div id="test1"></div> <div id="test2"></div> <!-- invalid code? <?php echo isset($_POST["t1test"]); echo isset($_POST["t2test"]); echo $_POST["t1test"]; echo $_POST["t2test"]; ?> --> <script type="text/javascript"> function makeButton(div, val) { var element = document.getElementById(val); var button = document.createElement("button"); var span = document.createElement("span"); // change to account for submitted settings if (element == null) { button.setAttribute("class", "button button1"); } else { var cL1 = element.classList.contains("button1"); var cL2 = element.classList.contains("button2"); element.parentNode.removeChild(element); if (cL2 == true) { button.setAttribute("class", "button button1"); } if (cL1 == true) { button.setAttribute("class", "button button2"); } } button.setAttribute("type", "button"); button.setAttribute("id", val); button.setAttribute("name", val); var testDiv = document.getElementById(div); testDiv.appendChild(button); button.addEventListener ("click", function() { makeButton(div, val); }) } window.onload = function() { makeButton("test1", "t1test"); makeButton("test2", "t2test"); } </script> </body> </html> <button id="submit">Submit</button> </form>
• 一个表单中的多个“链接”提交按钮 javascriptphpjquery

  5年前
  回答 3 已采纳 I would like to create a form with multiple submit link buttons. I know it can be done by using and specifying the name of <button> or <input type="button"> something like this: In HTML: <form action="" method="get"> Other form elements here... <button type="submit" name="activated">Activated</button> <button type="submit" name="pending">Pending</button> <button type="submit" name="suspended">Suspended</button> </form> In PHP: <?php if(isset($_GET["activated"])) { Activated codes here... } elseif(isset($_GET["pending"])) { Pending codes here... } elseif(isset($_GET["suspended"])) { Suspended codes here... } ?> I want the submit buttons to be done by using link, not <button> or <input type="submit"> something like this: <a href="#">Activated</a> <a href="#">Pending</a> <a href="#">Suspended</a> I heard that it can be done by using JavaScript or JQuery but I don't know how, anyone knows? Update: What I want to happen is when I clicked the "Activated" link for example, I want only to process the logic under isset($_GET["activated"]). The reason behind: The reason why I want to have a submit link buttons instead of normal submit button tags is that, I want to use this bootstrap dropdown button style to change the status of user(s) on table: and it is based on links, so that's why. PS: Sorry for bad English, not my native language.
• EXTJS gridpanel 动态设置表头

  2年前
  anqiaoej627921的博客 EXTJS gridpanel 动态设置表头，用reconfigure方法 var col = "([{ text :'Company', flex : 1, sortable : false, dataIndex:'company'},{ text:'Stock Price', columns:[{ text :'Price', width : 75, sortable :...
• ExtJS给表格gridpanel的表头加控件

  4年前
  weixin_33812433的博客 xtype: 'grid', border: 0, title: '表头加控件的实现', store: {fields: [], data: []}, columns: [ {text: '姓名', dataIndex: 'name',width:250}, {text: '性别', dataIndex: 'sex'}, {text: '职业', ...
• GridPanel合并表头

  7年前
  莯枫的博客 GridPanel合并表头 注意：一定要引入插件的js文件 <script type="text/javascript" src="../js/ext/GroupHeaderPlugin.js"></script> 1.启动Extjs并布局： Ext...
• 【解决方案】extjs 怎么取消 gridPanel 表头上的图标（下拉排序）

  5年前
  黑子Kuroko的博客 以上是已解决的代码， 主要就一句话： menuDisabled:true  
• Extjs gridPanel 动态指定表头

  8年前
  weixin_30656145的博客 var colMArray = new Array(); colMArray = [{header : "产品代码", dataIndex : "cpdm", width : 100}, {header : "代销机构代码", dataIndex : "dxjgdm", width : 100}, {header :...
• extjs中gridPanel的属性汇总

  6年前
  明月天国的博客 1、Ext.grid.GridPanel  主要配置项：  store：表格的数据集  columns：表格列模式的配置数组，可自动创建ColumnModel列模式  autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0  ...
• ExtJS GridPanel表头错位和自适应宽度的解决方法

  12年前
  wangju19870202的博客 1、ExtJS 2.2中，Ext.grid.GridPanel在IE中表头的图标会发生错位，如图所示： 但是在Firefox中显示是正常的。 解决方法为：在所用到的css文件中添加代码， .ext-ie6 .x-menu-item-icon,.ext-ie7 .x-menu-item-...
• Extjs grid表头换行

  4年前
  _Hebrew的博客 声明：本博文用于学习总结及工作心得 在grid中添加afterrender事件： afterrender: function (grid) {... showColumns('columnstatusload', 'progressColumns', grid);... var elments = Ext.select(".x-colum
• EXTJS动态设置GridPanel高度

  6年前
  melody-的博客 上代码。自己看。 var girdHeight = Ext.getCmp("gird").getHeight(); var gird3Height = Ext.getCmp("gird3").getHeight(); var gird2Height = girdHeight-gird3Height-10;...gird2.setHeight(gir
• Extjs动态生成表头

  5年前
  yaerfeng的博客 原文：Extjs动态生成表头 源代码下载地址 var cm = [{ header : "编号", dataIndex : "id", width : 65 }, { header : "名称", dataIndex : "name", width : 65 },