EXT--Ext.form.field.Trigger示例

最新推荐文章于 2015-08-02 19:50:12 发布

原创最新推荐文章于 2015-08-02 19:50:12 发布 · 190 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xhtml #javascript #ViewUI

EXT 专栏收录该内容

38 篇文章

订阅专栏

本文提供了一个 Ext.form.field.Trigger 的示例代码，展示了如何创建带有触发按钮的表单字段，并实现点击触发按钮后的功能，包括获取和设置字段值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Ext.form.field.Trigger示例</title> 
      <link rel="stylesheet" href="ext-4.2.1/resources/css/ext-all.css" /> 
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script> 
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script> 
<script type="text/javascript"> 
Ext.onReady(function(){ 
var testForm=new Ext.form.Panel({ 
title:'Trigger', 
bodyStyle:'padding 5 5 5', 
frame:true, 
height:100, 
width:270, 
renderTo:'form', 
defaults:{ 
labelSeparator:':', 
  labelwidth:70, 
  width:200, 
  labelAlign:'left' 
}, 
items:[{ 
xtype:'triggerfield', 
id:'memo', 
fieldLabel:'触发字段', 
hideTrigger:false, //不隐藏触发按钮 
onTriggerClick:function(){ 
var memo=testForm.getForm().findField('memo');//取得输入控件 (注：memo是控件名) 
alert(memo.getValue());//取得控件值 
Ext.getCmp('memo').setValue('test'); 
} 
}] 
}); 
}); 
</script> 
</head> 

<body> 
<form id="form" name="form"> 
<div name="memo"></div> 
</form> 
</body> 
</html>

开发者博客：www.developsearch.com