书籍:ExtJS Web应用程序开发指南
引用文件
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
js部分:
Ext.onReady(function(){
var productTpl = new Ext.XTemplate(
'<tr><td>{0}</td><td>{1}</td><td>{2}</td></tr>'
);
Ext.get('addProduct').on('click',function(){
var pname = Ext.get('productName').getValue();
var pnum = Ext.get('productNum').getValue();
var pprice = Ext.get('productPrice').getValue();
productTpl.append('product-table',[pname,pnum,pprice]);
});
});
html部分:
产品名称:<input type="text" id="productName"><br>
产品数量:<input type="text" id="productNum"><br>
产品价格:<input type="text" id="productPrice">
<input type="button" value="增加产品" id='addProduct'>
<table id='product-table' border=1 cellspacing=0 cellpadding=0>
<tr>
<td width=160>产品名称</td><td width=75>数量</td><td width=75>金额</td>
</tr>
</table>
评论