
JS-jQuery ExtJS
Extjs , jQuery , 传统前端。
猿来这样1
编程圈子,谢厂节的博客
展开
-
JS Knockoutjs 简单使用
简介Knockout是一个前端类库,可以把对象和UI dom绑定,这样在改变变量时,界面可以自动变化。 网址:http://knockoutjs.com/使用首先要引用knockout.js显示变量值html <div data-bind='text:a'></div>js var viewModel = {a:'hello'}; ko.applyBindings(viewMod原创 2015-06-07 16:37:10 · 1123 阅读 · 0 评论 -
xpath 及js/jQuery处理函数
jqueryvar $shadow = new Object(); /** 获取元素的xpath 特性: - 转换xpath为csspath进行jQuery元素获取 - 仅生成自然表述路径(不支持非、或) @param dom {String/Dom} 目标元素 @returns原创 2017-08-12 08:19:14 · 1534 阅读 · 0 评论 -
jquery选择器 parent parents parentUtil 区分
parent容易搞清楚,但parents和parentUtil容易混淆 $("#c").parent() 返回原创 2015-05-25 20:58:02 · 2754 阅读 · 0 评论 -
ueditor在使用requirejs时,报ZeroClipboard undefined错误
这是因为在有requirejs时,ZeroClipboard不会把自己暴露为全局变量。可以把ZeroClipboard定义到requirejs的配置模块,然后如下使用:define(['ZeroClipboard'],function(ZeroClipboard){window['ZeroClipboard']=ZeroClipboard;});这时在方法体内使用UE.原创 2015-03-22 12:17:48 · 9821 阅读 · 6 评论 -
jQuery jQueryUI Tips
uncaught exception type property can’t be changed使用代码$("#pwd").attr("type","password")时出现上面的错误。猜测是该版本jQuery不允许修改控件type属性,使用原生js语句可以解决这个问题。$("#txtpwd").focus(function () { if ($(this).attr("t原创 2015-03-01 16:51:22 · 8717 阅读 · 0 评论 -
jqGrid扩展 重新加载表格数据,数据源从C#的webservice
先上代码:$.jgrid.extend({ refresh: function (param) { var $_t = $(this); var defaults = { sortname: $_t.jqGrid("getGridParam", "sortname"), callback: null, url: '', postData: {}, isX原创 2014-10-23 09:26:13 · 5155 阅读 · 0 评论 -
JS实现的一个query字符串转Json格式数据的方法
程序里字符串转JSON,可以使用几种方法:1.evalfunction strToJson(str){ var json = eval('(' + str + ')'); return json; }原创 2014-10-22 10:48:09 · 2865 阅读 · 0 评论 -
Extjs5 使用Tips
本文不是教程,只是把最最常用的记在这里备查,就是一些代码段。使用sencha cmd1. 下载安装https://www.sencha.com/products/extjs/cmd-download/ 打开命令行输入:sencha 可以看到安装成功。 顺便下载一个ruby installer安装上。(安装时把加到path变量的钩钩上)。2. 设置Extjs路径下载Extjs GPL 5.1.原创 2015-07-16 19:46:12 · 1626 阅读 · 0 评论 -
ExtJs框架搭建(基于MyEclipse 附带安装Spket)
一、配置MyEclipse 、SSHSSH不是必须的,配置也不复杂,顺便也配置上了。二、在WebRoot建立Css、Js文件夹。下载ext5.0.0-gpl放到Js文件夹,另外我使用了artTemplate-master、kindeditor-4.1.9、jquery-1.10.2.min.js、md5.js,目录结构如下:原创 2015-01-06 14:47:59 · 2696 阅读 · 0 评论 -
ExtJs Combobox赋值
ExtJs 的Combobox在赋值的时候,使用setValue会改变value和displayValue,这时候再调用一次setRawValue即可:var _control= Ext.getCmp('test');_control.setValue(value);_control.setRawValue(text);原创 2014-12-27 13:26:18 · 2962 阅读 · 0 评论 -
Extjs 使用 themes
1.命令行创建项目sencha -sdk ext generate app ThemeDemoApp theme-demo-appcd theme-demo-appsencha generate theme my-custom-theme2.文件夹里会自动生成 - package.json 配置文件 - sass 包含所有的sass文件 - sass/var/ saas变量 -原创 2015-11-06 14:02:52 · 2247 阅读 · 0 评论 -
ExtJS 性能优化注意要点
1. 不要过度定义panel2. 尽可能延迟HTMLElement创建示例:renderTo的不必要使用var window=new Ext.window({ renderTo:document.body, title:'Title' });window.show();上面代码运行时,窗口就会创建并隐藏在body里,这是不必要的。3. 挂起渲染var tb = Ext.crea原创 2015-11-06 13:04:30 · 2867 阅读 · 0 评论 -
Extjs 使用Cookie
基本用法: Ext.util.Cookies.set(‘myCookie’,’myCookieValue’); 参数: set( name, value, [expires], [path], [domain], [secure] )注意expires参数: expires : Date this cookie will expire. Default is browser session原创 2015-11-09 16:46:22 · 3505 阅读 · 0 评论 -
Extjs5 Gridpanel
表格定义/*** */Ext.define("whrsmart.crm.users.ListView", { extend:'Ext.grid.Panel',closable : true,autoShow : true,autoScroll:false,scroll:true, requires:['whrsmart.crm.users.ListController','wh原创 2015-11-18 08:13:47 · 1435 阅读 · 0 评论 -
Extjs xtypes 常见示例
var individual = { xtype: 'container', layout: 'hbox', margin: '0 0 10', items: [{ xtype: 'fieldset', flex: 1, title: 'Individual Che原创 2015-11-18 08:18:32 · 743 阅读 · 0 评论 -
Extjs5 常用layout
效果 http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/layout-browser/layout-browser.html?table{layout:{type:'table',columns:2},defaults:{bodyStyle:"padding:5px;",border:false},items:[ {html:"原创 2015-11-22 16:37:28 · 942 阅读 · 0 评论 -
Extjs5 使用Charts
1.app.json设置"requires": [ "charts"],2.运行命令sencha watch3.示例/** * A basic line chart displays information as a series of data points connected through * straight lines. It is similar to scatter pl原创 2016-04-28 12:17:45 · 2647 阅读 · 0 评论