extjs为开发者在开发富客户的b/s应用中提供丰富的ui组件,具有统一的主题,便于快速开发,提高效率。但显然它并不适合互联网站的开发。
主要目录文件介绍
如何引入文件
在项目中使用extjs,以下文件必需的:
1 整个resources文件夹
2 ext-all.js或ext-all-debug.js或ext-all-debug-w-comments.js文件
3 ext-lang-zh_cn.js文件
在页面中用到extjs至少引入以下文件:
1 resources\css\ext-all.css
2 ext-all.js(如果要对extjs代码进行调试或学习可引入ext-all-debug.js或ext-all-debug-w-comments.js)
3 ext-lang-zh_cn.js
一个简单示例
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>extjs</title> <link href="extjs/resources/css/ext-all.css" rel="external nofollow" rel="stylesheet" type="text/css" /> <script src="extjs/ext-all-debug-w-comments.js" type="text/javascript"></script> <!-- <script src="extjs/ext-all.js" type="text/javascript"></script> --> <script src="extjs/ext-lang-zh_cn.js" type="text/javascript"></script> <script type="text/javascript"> ext.onready(function () { //创建一个窗体 var win = new ext.window({ width: 300, height:300, items: [], modal: true, buttonalign: 'center', buttons: [{ text: '测试', id: 'btntest', handler: function () { ext.msg.show({ title: '询问', msg: '您喜欢 extjs 吗?', fn: processresult, icon: ext.msg.question, buttons: ext.msg.yesno }); } } ] }); win.show(); }); //询问对话框处理handler function processresult(btn) { ext.msg.alert('结果', btn); } </script> </head> <body> <div> </div> </body> </html>
如对本文有疑问, 点击进行留言回复!!
微信小程序wx.scanCode扫描条形码,偶尔出现条形码不正确导致查询失败
Android 入门第七讲01-数据存储(数据存储概述,文件存储(raw和asserts目录读写,data/data/包名目录读写,sdcard目录读写),SharedPreferences读写)
vue-axios系列:axios拦截器,配置请求头,配置请求参数
网友评论