Extjs4.2 CheckTree 单选

2024-08-19

Ext.tree.Panel实现单选，多选

Extjs var productCategoryTreeLookUpFn = function(callback) { var productCategoryLookUpWindow; var productCategoryTreeStore; var productCategoryTreeMenu; if (!productCategoryLookUpWindow) { // 加载菜单树 productCategoryTreeStore = Ext.create('Ext.data.Tree

Extjs4.x treegrid,check-tree,locked getChecked() 方法错误

当在treegrid中,锁定treecolumn列的时候,是无法通过执行getView().getChecked()获取选中的节点的,这是tree的一个bug, 详见:http://www.sencha.com/forum/showthread.php?264678 官方也明确的给出了解决方案: 我们只需要在获取view的时候稍加判断,该bug即可解决,代码如下: var viewTree=this.getModuleGrid().getView(); if(viewTree.lockedVie

ExtJS4.2学习(五)表格渲染与复选框

鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-10/174.html ---------------------------------------------------------------------------------------- 本博客介绍了如何对表格的列进行渲染及在行号前加入复选框. 以下是效果图: 代码: /** * Grid * 此js演示了如何对列的样式进行渲染以及如何为

ExtJS4.2学习(11)——高级组件之Grid

大纲: 1.首先,搭建起来一个最基础的Grid组件: 2.其次,利用前边MVC架构将代码重构: 3.再者,介绍下Grid的一些特性. 一.搭建基础的Grid组件在文章的开始,我们首先简单的搭建一个Grid项目,感受下Grid的样子和其吸引众人的魅力所在. 架构如图: 代码分别如下,注释写的比较清楚,按照以上搭建可以正常运行: grid.html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

ExtJs4 笔记（1） ExtJs大比拼JQuery：Dom文档操作

现在主流的JS框架要数ExtJs和JQuery应用的比较广泛.JQuery属于轻量级的,一般做网站应用比较常见,可见块头小的优势.ExtJs比较庞大,它除了对基本的JS语法和HTML DOM操作方式的封装之外,还提供了一套强大的UI库.在企业级B/S解决方案应用上独占优势.就单说它在原生JS的封装,DOM操作方式封装方面也足以藐视JQuery.下面我就通过对比API,体现两种框架的异曲同工之处.我们已JQuery API为主线,来看看ExtJs是否有替代的方案. 注意一点:ExtJs4.0相对上

Extjs4.2 Grid搜索Ext.ux.grid.feature.Searching的使用

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

ExtJs4学习（二）：Dom操作

如今主流的JS框架要数ExtJs和JQuery应用的比較广泛.JQuery属于轻量级的,一般做站点应用比較常见.可见块头小的优势. ExtJs比較庞大,它除了对主要的JS语法和HTML DOM操作方式的封装之外.还提供了一套强大的UI库.在企业级B/S解决方式应用上独占优势.就单说它在原生JS的封装,DOM操作方式封装方面也足以轻蔑JQuery.以下我就通过对照API,体现两种框架的异曲同工之处.我们已JQuery API为主线,来看看ExtJs是否有替代的方案. 注意一点:ExtJs4.0相对

[转载]ExtJs4 笔记（1） ExtJs大比拼JQuery：Dom文档操作

出处:[Lipan] (http://www.cnblogs.com/lipan/) 现在主流的JS框架要数ExtJs和JQuery应用的比较广泛.JQuery属于轻量级的,一般做网站应用比较常见,可见块头小的优势. ExtJs比较庞大,它除了对基本的JS语法和HTML DOM操作方式的封装之外,还提供了一套强大的UI库.在企业级B/S解决方案应用上独占优势.就单说它在原生JS的封装,DOM操作方式封装方面也足以藐视JQuery.下面我就通过对比API,体现两种框架的异曲同工之处.我们已JQu

css3更改input单选和多选的样式

在项目开发中我们经常会遇到需要更改input单选和多选样式的情况,今天就给大家介绍一种简单改变input单选和多选样式的办法. 在这之前先简单介绍一下:before伪类 :before 选择器向选定的元素前插入内容.使用content 属性来指定要插入的内容(content是必须的哦). 相信这并不难以理解,接下来我们先理解思路: (1)首先在html用label为 input 元素定义标记,也就是当你点击label标签时相应的input也会选中或取消 (2)接下来就是写css了,将input隐

jquery对单选和下拉框的操作

jquery 对表单的操作: 对单选框的操作: 一.对单选框的操作: 1.$('input

dotNet平台模板列中的单选无效的解决方案

最近在grid里添加一个单选列,最开始直接创建一个模板列,然后在模板列里放一个radiobutton.并指定其GroupName.这是radiabutton最常用的方法.但是在Grid里,这样却毫无效果. 开始打算用javascript写响应radiobutton的onclick函数.思路的确可以.但是为什么radiobutton在grid里指定了其GoupName还是不能实现单选呢? 写了个测试用例.前台代码如下:(数据在后台绑定了) ;i<radios.length;i++){ if(rad

cell单选

先上图给看看效果 cell单选逻辑就是取出上一个选中的cell 设置图片为默认图片在取出点击的cell 设置图片为选中图片即可废话不多说直接上代码 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #000000 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #000000; min-height: 15.0px }

zepto区别于jquery获取select表单选中的值

在jquery下,我们获取select表单选中的值通常是通过$('select').val()来实现,这样的方式简单又明了,或者通过$('select option[selected]').text()或$('select option:selected').text()这样的代码来实现,其实本来$('select').val()这种方式就很好,但在项目中我想获取给每个option自定义的属性的值,我就要通过后者的类似的写法$('select option:selected').attr('da

安卓学习之--UI控件用法单选按钮下拉框

1.单选 .RadioGroup 可将各自不同的RadioButton ,设限于同一个Radio 按钮组,同一个RadioGroup 组里的按钮,只能做出单一选择(单选题). <RadioGroup android:id="@+id/group" android:orientation="horizontal"> <RadioButton android:layout_width="wrap_content" android:l

ExtJs4之TreePanel

Tree介绍树形结构,是程序开发,不可缺少的组件之一.ExtJs中的树,功能强大美观实用.功能齐全,拖拉,排序,异步加载等等. 在ExtJs4中Tree和Grid具有相同的父类,因此Grid具有的特性和插件在Tree上也能用. 1.ExtJs4之Grid详细 2.ExtJs4之TreePanel 简单的Tree 代码: <head> <title></title> <link href="/ExtUI/ExtJs4.2.1/resources/css/

ExtJs4 基础必备

认识ExtJs的开发包下载路径:http://www.sencha.com/products/extjs/download/ 解压有20多兆,别怕,真正运行的没这么大.认识下这个包的文件结构吧. builds目录是ExtJs压缩后的代码,经过压缩后的代码体积小,加载快. docs中是ExtJs文档,包括ExtJs的API,算是开发过程中必备法宝啦吧. examples中是官方的演示实例. locale是多国语言的资源文件,其中ext-lang-zh_CN.js是简体中文,把他引入页面中,会将提

ExtJs4之Grid详细

ExtJs博客前奏由于这段时间事情比较杂乱,博客就主要以项目中例子来说明编写. ExtJs4中的Grid非常强大,有展示,选中,搜索,排序,编辑,拖拽等基本功能,这篇博客我就这几个功能做写累述. 1.ExtJs4之Grid详细 2.ExtJs4之TreePanel Grid的展示选中排序选中事件. 附图: 代码: <script type="text/javascript"> Ext.onReady(function () { var store = Ext.create

ExtJS4 源码解析（一）带项目分析

Ext这个东东太大了,能看完就已经很不错了,完整的源码分析就不敢说了,大概就涉及了类管理,事件管理,数据结构缓存架构,UI组件核心机制,MVC这几个方面,只是挑着源码看的,没有实际完整的使用. 公司的框架我是借鉴了EXT的结构..站在巨人的肩上我们可以走的更远,内部的结构我已经改动了,组件的形式去架构不适合咱公司~ 如图~ 昨天遇到个问题在mixins(向创建的类中要掺进其它类的信息)多个的时候就出问题了~ 顺便就发一下我的源码分析吧.当然是个人角度,有错误欢迎指出. 发几本EXT的书,以前分析

【转】WPF 单选的Checkbox

今天同事要在DataGrid里用单选的Checkbox,我感觉很多余,因为正常DataGrid就可以单选,为什么还要加一列Checkbox,但是人家要求再那里,我就告诉他,可以用RadioButton,然后写个Checkbox的样式就可以了. 因为本人不太会写样式,因此在网上搜到了前辈的一篇帖子,拿来应用,效果着实不错,感谢法的空间大神 RadioButton页面的XAML代码 <RadioButton x:Class="CheckBoxRadioButton.SingleCheckBox

jQuery获取及设置单选框、多选框、文本框内容

获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=ite

js控制复选框checkbox 只能单选

我们在页面经常会用到单选框,来提供单值选在字段,但是有一个问题就是:一旦选择了就不能去除(即--只要选择了就不能再以空值提交了). 所以为了解决这个问题,用复选框限制单选是一个不错的选择 <script> function selectUniqueValue(thisValue) { var selectLen = document.myForm.mySelect.length; for (j = 0; j < selectLen; j++) { if (eval("docum

Extjs4.2 CheckTree 单选

热门专题