Manarty的专栏

ExtJs4 笔记（1） ExtJs大比拼JQuery：Dom文档操作   现在主流的JS框架要数ExtJs和JQuery应用的比较广泛。JQuery属于轻量级的，一般做网站应用比较常见，可见块头小的优势。ExtJs比较庞大，它除了对基本的JS语法和HTML DOM操作方式的封装之外，还提供了一套强大的UI库。在企业级B/S解决方案应用上独占优势。就单说

   本篇介绍提示控件，ExtJs支持两种方式定义提示，可以支持普通html元素和一般的ExtJs UI控件。一、基本提示 Ext.tip.ToolTip1.最简单的提示下面通过代码定义一个最简单的提示，首先在HTML加入一个div，我们要实现当鼠标移动到这个div上时，自动出现提示，如下是html内容：[html]普通提示接着在js中

本篇讲解三个容器类控件。一、面板控件 Ext.Panel一个面板控件包括几个部分，有标题栏、工具栏、正文、按钮区。标题栏位于最上面，工具栏可以在四个位置放置，围绕中间部分正文，按钮区位于最小方。下面介绍几个基本配置项：1.title:设置面板标题文本。2.tbar,lbar,rbar,bbar:分别设置上、左、右、下四个部位的工具栏。3.html，ite

EXTJS Panel布局(2012-05-30 17:05:24)标签：分类：Java-extjs面板控件panel应用           new Ext.Panel({              title:'面板头部（header）',              tbar : ['顶端工具栏

本篇主要介绍一下ExtJs对JS基本语法的扩展支持，包括动态加载、类的封装等。一、动态引用加载ExtJs有庞大的类型库，很多类可能在当前的页面根本不会用到，我们可以引入动态加载的概念来即用即取。这些代码都要写在Ext.onReady外面。1.动态引用外部Js[Js]?1234//加载配置可用Ex

   从本篇开始讲基础控件，ExtJs对所有的UI控件都有它自己的一套封装。本篇要讲到的是ExtJs的按钮。主要包括按钮事件、带分割线、带图标、带菜单的按钮，下拉选项式按钮和按钮组合等。我们先看看效果图:预览如下是用到的html：[html] 三种方式实现事件：

一、Ext.menu.Menu 菜单1.菜单的定义下面我们来定义一个菜单，它包括一个下拉列表，还有颜色选择器，日期选择器等菜单项。[Js]?1234567891011121314151617181920212223242526272829

List转Json?12345678910111213141516public static string Obj2Json(T data){    try    {        System.Runtime.Serialization.Json.Dat

网站发布步骤:这部分是转载文章 在此标明出处，以前有文章是转的没标明的请谅解，因为有些已经无法找到出处，或者与其它原因。如有冒犯请联系本人，或删除，或标明出处。因为好的文章，以前只想收藏，但连接有时候会失效，所以现在碰到好的直接转到自己这里。原文 出处 http://blog.sina.com.cn/s/blog_acb983ba0101c5um.html 1、打开你的VS

一、ExtJs中的Ajax：Ext.Ajax.request通过客户端向服务端发送Ajax请求，可以“直接”调用MVC的action方法，并传递参数，action返回值可以是普通字符串，也可以是json对象。请求可以添加自定义头信息。看下面例子：1.异步请求，发送自定义请求头：html页面如下：[html]Ajax服务端请求一共发起了0次请求。我

1.    插件的下载以下是ECharts的下载链接，需要注意的是ECharts内部也是依赖于另一个插件的叫ZRender，当然对于大部分图表而言不需要ZRender的，但是对于地图控件及其他复杂的呈现控件而已都是需要ZRender的。为了避免不要的问题出现，建议大家在下载ECharts时同时也要下载ZRender。ECharts下载地址： http://echarts.bai

Ext表单提示方式：msgTarget:有4中方式：qtip,title,under,sideExt.onReady(function(){ Ext.BLANK_IMAGE_URL="resources/images/default/s.gif"; Ext.QuickTips.init();// 初始化显示提示信息。没有它提示信息出不来。 var form = new Ex

一、absolute这种方式的布局可以对子元素相对于父级容器控件进行绝对定位，它包含了x、y两个配置项用于定位。我们来看看一个例子：[Js]?123456789101112131415161718192021222324252627

  本篇演示消息对话框的用法，ExtJs封装了可能用到的各类消息框，并支持自定义的配置。如下是用到的html：[html]各种消息框ConfirmPromptDIY窗口进度条进度条2wait一、警告对话框和确认对话框展示一个带“是”，“否”按钮的确认对话框。当单击按钮时，执行回调函数，获取按钮类型，并弹出一个警告对话框。

本篇介绍两个用来展示数据的容器控件，分别是Ext.ListView和Ext.view.View。Ext.ListView就是大名鼎鼎的Ext GridPanel的前身，不过现在的Ext4已经将它整合到GridPanel一起了，做一些简单的表格数据展示还是可以用到的。而Ext.view.View则提供了通过模板自定义展示数据的方式，数据的展示形式不限于表格，可表现为灵活的方式，同

本篇将涉及到ExtJs中一个重要的概念,模板。话说Razor很神奇，但是我个人不是很喜欢那种html混编C#的方式，仿佛又回到了asp的时代。ExtJs的模板同样也可以组织生成灵活的html，而且代码和html有效的分离。本文将细细分析ExtJs模板的用法。行文之前我先把公共的html和用到的js数据贴在前面，后面的代码都要引用到。[html] 使

  本篇讲解选项卡控件。一、基本选项卡首先我们来定义一个基本的选项卡控件，其中每个Tab各有不同，Tab的正文内容可以有三种方式获取：1.基本方式:通过定义html和items的方式。2.读取其他html的信息:通过设置contentEl就可以获取其他html的信息为当前tab正文。3.读取服务端数据:通过定义autoLoad异步方式获取服务端数据。

ExtJs4 笔记（8） Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件 Posted on2011-12-19 08:25 lipan 阅读(6026) 评论(2)编辑 收藏《回到系列目录本篇要登场的有三个控件，分别是滚轴控件、进度条控件和编辑控件。一、滚轴控件 Ext.slide

本篇讲解三个工具栏控件。其中Ext.toolbar.Toolbar可以用来放置一些工具类操控按钮和菜单，Ext.toolbar.Paging专门用来控制数据集的分页展示，Ext.ux.statusbar.StatusBar用来展示当前的状态信息。一、Ext.toolbar.Toolbar工具栏控件可以被附加在面板、窗口等容器类控件中，可以在四个方位添加多个工具栏控件

Ext.from.field.Text文本框1、Ext.from.field.Text组件主要配置项目表配置项类型说明allowBlankBoolean是否允许为空，默认为空trueblankTextString是否允许为空验证失败后提示消息disableKeyFilterBoolean设置

//图片 转为    base64编码的文本        private void button1_Click(object sender, EventArgs e)        {            OpenFileDialog dlg = new OpenFileDialog();            dlg.Multiselect = true;