Home > php教程 > PHP源码 > extjs+php 增,删,修,查询的简单实例

extjs+php 增,删,修,查询的简单实例

PHP中文网
Release: 2016-05-25 17:02:06
Original
1408 people have browsed it

extjs2.0 本人自己研究所得,包里有sql文件,自己创建吧!应该适合新手入门吧!

//操作编辑
var onedit = function(id){
   Ext.onReady(function(){
     var fs = new Ext.form.FormPanel({
       baseCls: 'x-plain',
       layout:'absolute',
       //url:'grid-filter.php',
       defaultType: 'textfield',
            
 
       // configure how to read the json Data
       reader : new Ext.data.JsonReader({
           root : 'data',
           successProperty: 'true',            
       },[     
           'product_name',
         {name:'product_sell',mapping:'product_sell_price'},
         {name:'product_purchas',mapping:'product_purchasing_price'}
       ]),
 
       // reusable eror reader class defined at the end of this file
       //errorReader: new Ext.form.JsonErrorReader(),
 
       items: [
           new Ext.form.FieldSet({
               title: '产品信息',
               autoHeight: true,
               defaultType: 'textfield',
               items: [
                   {
                       fieldLabel: '产品名',
                       name: 'product_name',
                       width:190
                   }, {
                       fieldLabel: '市场价',
                       name: 'product_sell',
                       width:190
                   }, {
                       fieldLabel: '采购价',
                       name: 'product_purchas',
                       width:190
                   }
               ]
           })
       ]
   });
 
   // explicit add
   var submit = fs.addButton({
       text: '保存',
       handler: function(){
           fs.getForm().submit({
               url:'grid-filter.php?action=update',
               params:{id: id},
               waitMsg:'保存数据中...',
               success:function(){
                       Ext.Msg.alert('成功', '修改成功');
                       create.hide();
                       ds.reload();                        
               }
           });
       }
   });
       var create = new Ext.Window({
            
           title: '编辑数据',
           width: 500,
           height:200,
           minWidth: 300,
           minHeight: 200,
           layout: 'fit',
           plain:true,
           bodyStyle:'padding:5px;',
           buttonAlign:'center',
           items: fs,
            
       });
       fs.getForm().load({url:'grid-filter.php?action=edit',params:{id: id},waitMsg:'Loading'});
       create.show();
   });
Copy after login
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template