本文转载自:http://blog.csdn.net/jcodeer/article/details/1813196 '''Tkinter教程之Grid篇'''# Tkinter参考中最推荐使用的一个布局器.实现机制是将Widget逻辑上分割成表格,在指定的位置放置想要的Widget就可以了.'''1.第一个Grid例子'''# -*- coding: cp936 -*-# 使用grid来布局组件from Tkinter import *root = Tk()# 创建两个Labellb1 = L…

原文:Converting an Ext 5 Grid to Excel Spreadsheet 稍微迟来的礼物--Ext JS Grid转为Excel代码,现在支持Ext JS 5! 功能包括: - 支持分组 - 数字的处理 VS 字符串数据类型 - 对于不支持客户端下载的浏览器会提交回服务器 Enjoy! /* Excel.js - convert an ExtJS 5 grid into an Excel spreadsheet using nothing but javascript a…

上篇文章中http://www.cnblogs.com/qidian10/p/3209439.html我们介绍了如何使用Grid的查询组建,而且将查询的参数传递到了后台. 那么我们后台如何介绍参数,并且转换为EntityFramework的条件呢? 首先我们获取Ext.ux.grid.feature.Searching的参数,上篇文章中我们很容易发现,查询传递到后台的是fields和query参数,其中fields是参加查询的列数组,query是关键字. 首先我们定义个类,接收参数 namesp…

背景 Extjs4.2 默认提供的Search搜索,功能还是非常强大的,只是对于国内的用户来说,还是不习惯在每列里面单击好几下再筛选,于是相当当初2.2里面的搜索,更加的实用点,于是在4.2里面实现. 国际惯例,先上图 参考文献 https://gist.github.com/aghuddleston/3297619/ http://gridsearch.extjs.eu/ 国外的大牛已经帮我们实现了在4.0中的应用,但是到4.2还需要做少许变更才可以使用. 修改后的源代码如下[复制如下代码,放…

概述 前一篇介绍了Ext.NET基础知识,并对Ext.NET布局进行了简要的说明,本文中我们用一个完整的示例代码来看看Ext.NET的布局. 示例代码下载地址>>>>> 本文目的 本文使用Tree.Grid应该是我们最为常用的控件,实现自适应的页面布局, 顶端:使用Panel,可折叠: 左侧:使用TreePanel,可折叠; 中间:使用GridPanel,主要区域,不可折叠: 底部:使用GridPanel,可折叠: 先看看我们最终实现的效果 整体布局 全部折叠后的效果 当点击…

概述 本文介绍Ext.NET的基本概念,安装配置.布局以及容器,最后介绍了DirectEvents.DirectMethod.Listener,并提供了示例代码. 示例代码下载地址>>>>> Ext.NET 简介 Ext.NET 是基于跨浏览器的 Sencha ExtJS 库和.NET Framework的一套支持ASP.NET AJAX的非开源Web控件,包含有丰富的Ajax运用,其前身是Coolite . Ext.NET使用一种自己的翻译机制,将ASPX页面中的EXT.N…

var gridFunction= function (gridId) {                //获取当前Grid                var gridView = Ext.getCmp(gridId); //获取当前选中行                var selectedData = gridView.getSelectionModel().getSelection(); //选中数据总行数 var selectCount=selectedData.length;…

Ext.onReady(function () {                   var proxy = new Ext.data.HttpProxy({                  url: '/Mamage/Dept/JsonResult?pagesize=1' }); //定义reader var reader = new Ext.data.JsonReader(    {     }, [                { name: 'id', mapping: 'id'…

- 需要注意的是, 涉及到分页排序, 最好定义GroupDir 方向与分组方式相同. - 譬如工资表按照最新最前分页输出. 如果分组按照默认排序的话, 最就最前. - 界面呈现出2015年, 2016年, 下一页包括2015, 会造成用户误导, 为什么2015分组没显示完, 又显示 2016. ....(复杂条件需要动态定义了) --代码:  --store 中增加GroupField, GroupDic 两个属性.  -- Feature 中增加<ext:Grouping> 用来定义显示.…

核心代码: var clsRender = function(value){ if (value == 'male') { return "<span style='color:red;font-weight:bold;'>红男</span>"; } else { return "<span style='color:green;font-weight:bold;'>绿女</span>"; } }}, var cm =…

Ext.grid.Panel xtype:gridpanel,grid 如果要完成在grid中編輯的功能.首先要填加 selType: 'cellmodel',    plugins: [        Ext.create('Ext.grid.plugin.CellEditing', {            clicksToEdit: 1        })    ],這個是實現單個點擊直接編輯 或者加上 selType: 'rowmodel',    plugins: [        E…

一.前言    Extjs中grid网格有时候需要重新加载,加载的时候对应不同的URL,什么情况出现:有需要我们在添加附件的时候,添加完成了附件,需要把另一个show添加的数据重新加载到grid中,而加载show刚刚添加的数据的,传入的参数不同,初始化gird的方法不能再使用,这个时候需要重新去加载不同URL所对应的方法. 二.代码示例 三.代码说明 //设置contractAttachGrid加载代理的URL contractAttachGrid.getStore().proxy.setUrl…

从sencha touch 2.4.2升级到ext js 6,cmd版本升级到6.0之后发生了很多变化 首先从cmd说起,cmd 6 中sencha app build package不能使用了,sencha app build native好像也不能用了. 有个好消息就是我们可以用sencha ant native buildsencha ant package build 这两个命令,目测和以前的效果差不多了 然后再说说ext js 6相对sencha touch 2.4.2的变化 首先最只…

(1)grid.getStore().getRange(0,store.getCount());    //得到grid所有的行 (2)grid.getSelectionModel().getSelections();        //得到选择所有行 Var selectRows = grid.getSelectionModel().getSelections(); selectRows[0].get(“gird中某列的dataIndex属性值”)        //取选中行记录的某列的值 (…

//设置样式   JS var SetRowClass = function(record, rowIndex, rowParams, store) { if (record.data.status == "PFSTA0005" || record.data.status == "PFSTA0015") { return 'x-grid-record-yellow'; } } //Body <View> <ext:GridView ID="…

概述 前两篇分别介绍了Ext.NET-基础 和 Ext.NET-布局,从本篇开始我们尽量做一些实际工作中用到的例子. 在Ext.NET官方示例中,关于GridPanel的例子是最多的(近百个),篇幅所限,我们这里只介绍一些常用的功能,包括页面布局.新建.编辑.查询.删除.排序.分组.统计等功能. 示例代码下载地址>>>>> 页面总体布局 首先,再来熟悉下前一篇Ext.NET-布局篇中提到的布局技术. 新建WebForm页面,在ASPX文件中加入如下代码: <%@ Pag…

前言 分页功能的实现有两种途径: 一种是服务端分页方式, 也就是web客户端传递页码参数给服务端,服务端根据页面参数返回指定条数的数据.也就是要多少取多少.这种方式比较适合Grid  的数据量很大,需分批取. 另一种是客户端分页方式, 一次性从服务端取回所有的数据在客户端这边实现分页.这种自然适合数据量较少的状况,减少和服务端的交互, 对性能有一些帮助.这种方式还有一种好处就是对于初学Ext JS Grid 或分页功能比较简单和直观了. Ext 目前的官方文档中,对于客户端分页的方式介绍和实例不…

Ext JS 6学习文档-第5章-表格组件(grid) 使用 Grid 本章将探索 Ext JS 的高级组件 grid .还将使用它帮助读者建立一个功能齐全的公司目录.本章介绍下列几点主题: 基本的 grid 排序 渲染器 过滤 分页 单元格编辑 行编辑 分组 分组 grid(pivot grid) 公司目录 —一个示例项目 grid 组件是 Ext JS 中最强大的一个组件.它有很多的选项和配置,能以任何你希望的形式来构建 grid. Ext JS 的 grid 组件提供完整的支持分页,排序,…

转自:https://blog.csdn.net/huoyanxueren/article/details/2662915?utm_source=blogxgwz6 extJs 2.1学习笔记(Ext.data.JsonReader篇一) 有个事要说一下:DataProxy的子类呢,都有一个load来加载数据,DataReader的子类呢,都有一个read来读取数据. 而Ext.data.JsonReader有两个关键函数:read.readRecords.好了.来研究一下. Ext.data.…

ExtJs的grid功能很强大,但是有时候觉得总是少那么一点点功能,我们就来扩展它,让它用起来更方便. 今天我们要扩展的是:根据记录的选择数量来禁用或启用grid toolbar上的某些按钮. 本文所有的代码和例子都在我的github上:ExtJsExtend 开始之前 在开始之前,我们先来扩展ExtJs的container容器. 在ExtJs中,可以通过给组件分配一个id来标识它,id是一个全局的唯一的标识,然后通过Ext.getCmp(id)来获取这个组件,看起来很方便,但是在单页应用中,给…

原文地址:http://www.uedsc.com/using-sencha-ext-js-6-to-build-universal-apps.html 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有关Sencha Ext JS 6的更多细节.该版本向前迈出了一大步,支持使用一个单一的代码库来开发基于桌面.平板和智能手机的通用应用程序.我们成功的将Ext JS和Sencha Touch框架合并在一起.我想对在建立统一框架的这个旅程中,为我们提供了宝贵的反馈的Sencha…

1.       需求说明: 在domino开发中我们经常会遇到表单上需要一个类似table的组件,你可以增删改等.比如我有一个张报核单据,上面需要详细列出每项金额的明细,我们先看完成后的效果: 上面的图就是我用extjs完成的. 2.       功能介绍 这个grid组件可以完成增加,删除,插入,修改,排序等功能.每项功能的操作都只是针对grid,不需要额外的FormPanel.双击单元格就可以修改. 3.       如何使用 这个组件我做的尽可能通用,由于是专门为domino平台定制,g…

Ext.onReady(function () { // Init the singleton. Any tag-based quick tips will start working. Ext.tip.QuickTipManager.init(); Ext.widget('grid', { title: 'Users', store: { fields: ['name', 'email', 'comment'], data: [ { 'name': '张三', 'email': 'aaaaaa…

最近忙一个项目的时候需要实现鼠标移到grid的某一行上提示消息.花了半天时间才解决.在网上找很久终于有找到一个有用的.我的版本是extjs4. 效果如图 Ext.onReady(function () { // Init the singleton. Any tag-based quick tips will start working. Ext.tip.QuickTipManager.init(); Ext.widget('grid', { title: 'Users', store: { f…

一.基本操作步骤 var cm=new Ext.grid.ColumnModel([ //对列的定义,cm是它的简写,作为真个表格的列模式,需要首先创建的{header:'编号',dataIndex:'id',sortable:true}, //header是表的首部显示文本.dataIndex是列对应的记录集字段,sortable表示列是否可排序,可能还会用到的参数:renderer列的渲染函数,format格式化信息 {header:'名称',dataIndex:'name'},{heade…

一般的优化技巧 1. 检查你定义的时间监听器 正确的设置事件监听器对性能会有很大的影响. 举例来说, 在定义一个store的时候,设置一个load 的事件去触发从后台读取数据,如果设置single 的值为true的话,则load的事情就只有在第一次取数据的时候会触发了. listeners: { load: onFirstLoadData, single: true } 给一个完整的例子: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Trans…

model和columns生成好了,下面要修改一下Module.js和Grid.js中的代码,使其能够协同工作. /** * 一个模块的主控界面的容器,用来安放各个模块控件以及协调他们之间的关系 */ Ext.define('app.view.module.Module', { extend: 'Ext.panel.Panel', alias: 'widget.modulepanel', requires: ['app.view.module.ModuleController', 'app.vi…

原文:Using Sencha Ext JS 6 to Build Universal Apps {.aligncenter} 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有关Sencha Ext JS 6的更多细节.该版本向前迈出了一大步,支持使用一个单一的代码库来开发基于桌面.平板和智能手机的通用应用程序.我们成功的将Ext JS和Sencha Touch框架合并在一起.我想对在建立统一框架的这个旅程中,为我们提供了宝贵的反馈的Sencha社区和我们的客户说声感谢.…

<%@ Page Language="C#" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <script runat="server"> protected void Page_Load(object sender, EventArgs e) { if (!X.IsAj…

先汗一个,一个小功能又踢腾了一天.本来这个带Demo的,但是上面介绍的不是很详细.用的时候问题不大,主要问题在文件导入方面.以为这个插件的使用和其他的不一样. 1.首先是需要引入文件的位置:如图 需要把整个grid都考到vs下,vs中结构如下: 2.设置路径,将文件导入 Ext.Loader.setConfig({ enabled: true }); Ext.Loader.setPath('Ext.ux', '../ext-js4.2/ux'); Ext.require([ '*', 'Ext.…