ext-base.js拒绝访问 . 高手帮忙看下
Ext.onReady(function () {
//判断sex
function renderSex(value) {
if (value == "male") {
return "<span style='color:red;'>male</span>";
} else {
return "<span style='color:blue;'>female</span>";
}
}
//复选框
var sm =
new Ext.grid.CheckboxSelectionModel();
var cm =
new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:"id", dataIndex:"id", sortable:true},
{header:"name", dataIndex:"name", sortable:true},
{header:"description", dataIndex:"descn", sortable:true}
]);
//var data =
//[["1", "xiaowu", "xiaowu", "male"], ["2", "xiaozhu", "xiaozhu", "female"], ["3", "sisy", "sisy", "male"], ["4", "record4", "record4", "female"], ["5", "record5", "record5", "female"], ["6", "record6", "record6", "male"], ["7", "record7", "record7", "female"], ["8", "record8", "record8", "male"], ["9", "record9", "record9", "female"], ["10", "record10", "record10", "male"], ["11", "record11", "record11", "female"], ["12", "record12", "record12", "male"], ["13", "record13", "record13", "female"], ["14", "record14", "record14", "male"], ["15", "record15", "record15", "female"], ["16", "record16", "record16", "male"], ["17", "record17", "record17", "female"], ["18", "record18", "record18", "male"], ["19", "record19", "record19", "female"], ["20", "record20", "record20", "male"]];
var ds =
new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:'grid.jsp'}),
reader:new Ext.data.JsonReader({
totalProperty:'totalProperty',root:'root'
},[
{name:'id'},
{name:'name'},
{name:'descn'}
])
});
ds.load({params:{start:0,limit:10}});
var bar =
new Ext.PagingToolbar({pageSize:6, store:ds, displayInfo:true, displayMsg:"\u663e\u793a\u7b2c{0}\u5230\u7b2c{1}\u7b2c\u8bb0\u5f55,\u4e00\u5171{2}\u6761", emptyMsg:"\u6ca1\u6709\u8bb0\u5f55"});
var grid =
new Ext.grid.GridPanel({
el:"grid",
ds:ds,
cm:cm,
sm:sm,
tbar:bar,
autoHeight:true,
title:"First Grid"});
grid.render();
});
jsp代码
<%
//模拟json数据
String start = request.getParameter("start");
String limit = request.getParameter("limit");
try {
Integer index = Integer.parseInt(start);
Integer pageSize = Integer.parseInt(limit);
String json = "{totalProperty:100,root:[";
for (int i = index; i < pageSize + index; i++) {
json += "{id:" + i + ",name:'name" + i + "',descn:'descn"
+ i + "'}";
if (i != pageSize + index - 1) {
json += ",";
}
}
json += "]}";
response.getWriter().write(json);
} catch (Exception e) {
}
%>
...全文
相关推荐
ext-base.js
《EXT开发基础:详解"ext-base.js"与EXT框架》EXT是一个强大的JavaScript库,它为Web应用程序提供了丰富的用户界面组件和数据管理功能。
Ext-Gantt和相关js如ext-all.js ext-base
不过,要熟练使用Ext-Gantt,你需要掌握JavaScript、Ext JS框架以及项目管理的基本概念。
ext-all.js,base,ext.css
该项目包含Ext JS框架的核心JavaScript文件(ext-all.js、ext-base.js)和CSS样式表(ext-all.css),实现了DOM操作工具、浏览器兼容性处理、UI组件样式等
js-base-ext:js基础扩展
js-base-ext"项目显然是一个关于JS基础知识的扩展库或集合,旨在提供一些实用的功能或者对原生JavaScript功能的增强。
ext 2 简单例子(内附ext-all.css, ext-base.js, ext-all.js三个必不可少的文件)
本项目包含Ext JS 2.2.1版本的核心文件:ext-all.css、ext-base.js和ext-all.js,构成完整的前端类库基础。重点展示了Grid组件的应用实例,涵盖DOM操作、样式控


