`
努力吧飞翔
  • 浏览: 30995 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

extjs 同一界面 显示字段不同

 
阅读更多

/**

 * 打卡系统控制层

 */

Ext.define("core.xiaoye.News.controller.NewsController",{

extend:"Ext.app.Controller",

mixins: {

messageUtil:"core.util.MessageUtil",

queryUtil:"core.util.QueryUtil",

suppleUtil:"core.util.SuppleUtil",

sqlUtil:"core.util.SqlUtil"

},

init:function(){

var self=this;

//事件注册

this.control({

"panel[xtype=news.newsgrid] button[ref=gridInsertF]":{

click:function(btn)

{

//得到组件

var baseGrid=btn.up("basegrid");

var funCode=baseGrid.funCode;

var basePanel=baseGrid.up("basepanel[itemId="+funCode+"_basepanel]");

var baseForm=basePanel.down("baseform[itemId="+funCode+"_baseform]");

var formObj=baseForm.getForm();

 

var button=baseForm.down("button[ref=formSave]");

button.setVisible(true);

 

formObj.findField("createDeptName").setVisible(false);

formObj.findField("createUserName").setVisible(false);

formObj.findField("createTime").setVisible(false);

formObj.findField("content").setReadOnly(false);

formObj.findField("title").setReadOnly(false);

formObj.findField("type").setReadOnly(false);

}

},

"panel[xtype=news.newsgrid] button[ref=gridLook]":{

click:function(btn)

{

//得到组件

var baseGrid=btn.up("basegrid");

var funCode=baseGrid.funCode;

var basePanel=baseGrid.up("basepanel[itemId="+funCode+"_basepanel]");

var baseForm=basePanel.down("baseform[itemId="+funCode+"_baseform]");

//得到选中数据

var rescords=baseGrid.getSelectionModel().getSelection();

var baseCenterPanel=baseGrid.up("basecenterpanel[itemId="+funCode+"_basecenterpanel]");

var funData=basePanel.funData;

if(rescords.length==1){

var data=rescords[0].data;

var insertObj=data;

var formObj=baseForm.getForm();

formObj.findField("id").setValue(insertObj.id);

formObj.findField("content").setValue(insertObj.content);

formObj.findField("createDeptName").setValue(insertObj.createDeptName);

formObj.findField("createTime").setValue(insertObj.createTime);

formObj.findField("createUserName").setValue(insertObj.createUserName);

formObj.findField("title").setValue(insertObj.title);

formObj.findField("type").setValue(insertObj.type);

 

var button=baseForm.down("button[ref=formSave]");

button.setVisible(false);

 

formObj.findField("createDeptName").setVisible(true);

formObj.findField("createUserName").setVisible(true);

formObj.findField("createTime").setVisible(true);

formObj.findField("content").setReadOnly(true);

formObj.findField("title").setReadOnly(true);

formObj.findField("type").setReadOnly(true);

if(baseCenterPanel){

baseCenterPanel.hide();

}else{

baseGrid.hide();

}

baseForm.show();

}else{

alert("请选择数据");

}

//执行回调函数

if(btn.callback){

btn.callback();

}

}

}

});

},views:[

"core.xiaoye.News.view.NewsGrid",

"core.xiaoye.News.view.NewsForm",

"core.xiaoye.News.view.NewsPanel"

],

stores:[

"core.xiaoye.News.store.NewsStore"

]

});

分享到:
评论

相关推荐

    Extjs4.1可用的日期时间选择控件

    这使得用户能够在同一界面内完成日期和时间的设定,简化了交互流程。 4. **使用说明**: 从`使用说明.docx`中,你可以获取到关于如何配置、使用这个自定义日期时间选择控件的详细指导,包括初始化、属性设置、事件...

    ExtJS3.2列布局

    列布局(Column Layout)是ExtJS的一种布局策略,它允许你在同一行内创建多个并排显示的区域,每个区域可以包含不同的组件,如文本框、选择框、按钮等。这种布局方式非常适合用来构建表格化的表单,使得数据输入和...

    Ext时间日期选择控件,精确到秒

    3. `DateTimePicker.js`:此文件表示日期和时间选择器的组合,用户可以在同一界面中选择日期和时间,提高输入效率。在EXTJS 5中,这个组件可能具有更现代的外观和感觉,同时保持与EXTJS 4.x版本的兼容性。 EXTJS 5...

    ExtJs中表单formPanel的横向布局

    在本例中,通过在`items`数组内嵌套使用`column`布局,可以实现在同一行内元素的并列显示。例如,在第一行中,我们定义了三个列宽分别为30%的`column`,每个`column`内部再使用`form`布局来控制垂直方向上的字段排列...

    Extjs 集成kindeditor

    集成KindEditor到ExtJS应用中,主要是为了提供一个用户友好的界面,让用户能够方便地编辑和格式化文本内容。这通常涉及到以下几个步骤: 1. **引入资源**:首先,你需要在你的项目中引入KindEditor的JavaScript和...

    Extjs教程_第五章_使用grid显示数据(2)

    EXTJS提供了多种内置的渲染器,例如`dateRenderer`,用于格式化日期,使其按照特定的格式(如'm/d/Y')显示。此外,还有`uppercase`和`lowercase`渲染器,分别用于将文本转换为全大写或全小写,以及`capitalize`渲染...

    extjs tree 学习资料

    - **displayField**:指定显示节点文本的字段名。 - **foldersSort**:是否对文件夹进行排序。 - **autoScroll**:是否自动滚动到最后一项。 - **expandOnDblClick**:双击节点时的行为,是否展开或关闭。 4. ...

    extjs_页面布局.doc

    在EXTJS中,页面布局是至关重要的,因为它决定了用户界面的组织和交互方式。文档"extjs_页面布局.doc"详细介绍了EXTJS中的10种布局类,这些布局类帮助开发者有效地管理组件在容器内的排列和展示。 1. **...

    extjs4.0 grid

    批量更改可能涉及到多个记录的同一字段。这可以通过遍历Store中的所有记录,对每个记录应用相同的更改来实现。可以使用`store.each()`方法遍历记录,然后更新所需字段。 7. **其他高级功能**: ExtJS Grid还支持...

    Extjs xtype集合

    通过使用预定义的`xtype`值,开发者可以方便地构建出各种复杂的用户界面而无需编写大量的代码。本文档将详细介绍Extjs中包含的所有`xtype`值,并解释它们的功能和用途。 #### 二、基本组件 1. **`button`:** - *...

    Ext实现添删查改一

    store: myStore, // 绑定到同一存储 displayInfo: true, pageSize: 25 // 每页显示25条记录 }], ... }); ``` 在这个例子中,`pagingtoolbar`组件被添加到网格的底部,它会根据`store`的配置自动进行数据加载和...

    ext 4.0 学习笔记.doc

    EXT 4.0 是一款流行的JavaScript库,专门用于构建富客户端Web应用程序,特别是用于创建复杂的用户界面。在本文中,我们将关注EXT 4.0中的Array Grid,这是一种基础的表格展示组件,适合用来显示和操作二维数组数据。...

Global site tag (gtag.js) - Google Analytics