thinkphp+dreamwaver技巧

简介: 0、下拉列表具有提示文字:您喜欢吃:选择作品分类{$vo}1 extjs对话框中的图标    要在对话框中加个图片,很容易,首先加个样式: .milton-icon { background: url(images/milton-head-icon.
0、下拉列表具有提示文字:
您喜欢吃:
选择作品分类

{$vo}



1 extjs对话框中的图标
   要在对话框中加个图片,很容易,首先加个样式:

然后在对话框中设置
Ext.Msg.show({
title:'Milton',
msg: 'Have you seen my stapler?',
buttons: {yes: true, no: true, cancel: true},
icon: 'milton-icon',
   这里设置icon,指出其CSS样式就可以了。

2 对话框的选择,包括点不同按钮的反应
   Ext.onReady(function(){
Ext.Msg.show({
title:'Milton',
msg: 'Have you seen my stapler?',
buttons: {yes: true, no: true, cancel: true},
icon: 'milton-icon',
defaultButton: 'no',
fn: function(btn) {
switch(btn){
case 'yes':
Ext.Msg.prompt('Milton', 'Where is it?', function

(btn,txt) {
if (txt.toLowerCase() == 'the office') {
Ext.get('my_id').dom.innerHTML = 'Work

Sucks';
}else{
Ext.get('my_id').dom.innerHTML = txt;
}

});
break;
case 'no':
Ext.Msg.alert('Milton', 'Im going to burn the building

down!');
break;
case 'cancel':
Ext.Msg.wait('Saving tables to disk...','File Copy');
break;
}
}
});
});

3 ext对某个DIV ID的引用,可以使用Ext.get('myid')来设置
4  EXT的日历,可以禁止使用某些日期,还支持正则表达式,如
   {
xtype: 'datefield',
fieldLabel: 'Released',
name: 'released',
disabledDays: [1,2,3,4,5]
    }]
   上面的是禁止周6,日以外的所有日期,0为周日,6为周6

5 设置验证样式,比如:
   {
xtype: 'textfield',
fieldLabel: 'Director',
name: 'director',
vtype: 'alpha'
}
  vtype设置了验证样式,比如alpha只好允许字母和数字,还有email,url等

6 创建自定义验证方式
    比如要创建一个验证,要输入的字符串之间有空格,则
  {
xtype: 'textfield',
fieldLabel: 'Director',
name: 'director',
vtype: 'name'
    }
   Ext.form.VTypes.nameVal  = /^([A-Z]{1})[A-Za-z\-]+ ([A-Z]{1})[A-Za-z\-]+/;
Ext.form.VTypes.nameMask = /[A-Za-z\- ]/;
Ext.form.VTypes.nameText = 'In-valid Director Name.';
Ext.form.VTypes.name = function(v){
return Ext.form.VTypes.nameVal.test(v);
};
 
其中xxxxVal是用于匹配的正则表达式;xxxMask,屏蔽限制用户的输入;xxxxText:用于错误信息

7 表单中,监听回车按键的事件
  items: [{
xtype: 'textfield',
fieldLabel: 'Title',
name: 'title',
allowBlank: false,
listeners: {
specialkey: function(frm,evt){
if (evt.getKey() == evt.ENTER) {
movie_form.getForm().submit();
}
}
}
8 GRID中的单元格显示函数
   在某列中使用HTML和图形,比如:
  {header: "Cover", dataIndex: 'coverthumb', renderer: cover_image},
function cover_image(val){
return ' '+val+'';
}
9 GRID中监听某行被选择;
  sm: new Ext.grid.RowSelectionModel({
singleSelect: true,
listeners: {
rowselect: {
fn: function(sm,index,record) { Ext.Msg.alert('You

Selected',record.data.title); }
}
}
}),
注意第一行为0序号

10 做一个按钮,单击时可以编辑某一行的数据
   tbar: [{
                // changes the title of the currently selected row usign a messagebox
text: 'Change Title',
handler: function(){
var sm = grid.getSelectionModel();
                    // get the selected row (if exists)
var sel = sm.getSelected();
                    // has something been selected?
if (sm.hasSelection()){
Ext.Msg.show({
title: 'Change Title',
prompt: true,
buttons: Ext.MessageBox.OKCANCEL,
value: sel.data.title,
fn: function(btn,text){
if (btn == 'ok'){
                                    // set a new value for one of the
                                    // columns in our selected row
sel.set('title', text);
}
}
});
}
}

11 在editorgrid中,判断某些行不可编辑,采用afteredit事件就可以了
  listeners: {
afteredit: function(e){
if (e.field == 'director' && e.value == 'Mel Gibson'){
Ext.Msg.alert('Error','Mel Gibson movies not allowed');
e.record.reject();
}else{
e.record.commit();
}
}

注意,e.filed是判断所在的列,e.value判断所在的哪一行

12、在Ext grid中假设有一个名称为grid的对象。
(1)grid.getStore().getRange(0,store.getCount());//得到grid所有的行
(2)grid.getSelectionModel().getSelections()//得到选择所有行
(3)grid.selModel.selections.items;//得到选择所有行
(4)grid.getSelectionModel().getSelected();//得到选择行的第一行

13、extjs的gridpanel制定列的颜色
http://www.javaeye.com/topic/313709

14、extjs的gridpanel制定行的颜色
http://www.javaeye.com/topic/313411
相关文章
|
PHP Android开发 前端开发
ThinkPHP 初探
准备 ThinkPHP下载 Eclipse-for-php 如何使用 放置位置 检验引用效果 效果 路由 调试之模板的使用 前提 生产模式 开发模式 添加完相应的路径以及模板文件后 总结 对国人开发的这款PHP框架早有耳闻,今日就来趟趟水,也为了今后更好的学习。
1257 0
|
PHP 前端开发 关系型数据库
thinkPHP之微理解
<h5>1、支持win和unix服务器环境,遵循Apache2开源协议。</h5> <h5>2、借鉴struct架构,MVC设计模式等</h5> <p>3.几个重要概念:</p> <p>        Dao:DataAccessObject(数据访问对象)</p> <p>        VO对象:ValueObject(数据对象,或者是业务对象)</p> <p>       
1128 0
|
开发框架 网络安全 PHP
5分钟快速安装thinkphp5.1
简介 ThinkPHP是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。
2763 0
|
PHP
ThinkPhp学习06
原文:ThinkPhp学习06 一、简单学习修改用户信息模块 1、编写UserAction.class.php 1 View Code  2、UserAction对应index方法的页面 1 2 3 4 5 Insert title here...
837 0
|
PHP
ThinkPhp学习07
原文:ThinkPhp学习07 简单CRUD操作 1 public function show() { 2 $m=M('User'); 3 4 // $arr=$m->find(2); //查找id=2的数据,find只能返回一条数据 5 //2.
893 0
|
PHP 数据安全/隐私保护 缓存
ThinkPhp学习13
原文:ThinkPhp学习13 简单登录验证 创建Login类 1 Login类对应的模板 1 2 3 用户名: 4 密 码: 5 验证码: //src=Code类下的code方法,Math.
827 0
|
关系型数据库 PHP 数据库
Thinkphp学习04
原文:Thinkphp学习04 一、ThinkPHP 3 的输出      (重点)  a、通过 echo 等PHP原生的输出方式在页面中输出  b、通过display方法输出   想分配变量可以使用assign方法  c、修改左右定界符   休要修改配置文件中的配置项   'TMPL_L_D...
1298 0
|
PHP
ThinkPhp学习08
原文:ThinkPhp学习08 一、普通查询方式  a、字符串      $arr=$m->where("sex=0 and username='gege'")->find();  b、数组       1 // 2.
1043 0