EditorGridPanel的sm设置

Ext.onReady(function(){
??Ext.BLANK_IMAGE_URL = 'images/s.gif';
??Ext.QuickTips.init();

???? var genres = new Ext.data.SimpleStore({
???????? fields: ['id', 'genre'],
???????? data : [['1','Comedy'],['2','Drama'],['3','Action']]
???? });

??function genre_name(val){
???return genres.queryBy(function(rec){
????return rec.data.id == val;
???}).itemAt(0).data.genre;
??}

??function title_img(val, x, store){
???return? '<img src="images/'+store.data.coverthumb+'" width="50" height="68" align="left">'+
?????'<b style="font-size: 13px;">'+val+'</b><br>'+
?????'Director:<i> '+store.data.director+'</i><br>'+
?????store.data.tagline;
??}

???? var store = new Ext.data.Store({
???url: 'movies.json',
???reader: new Ext.data.JsonReader({
????root:'rows',
????id:'id'
???}, [
????'id',
????'coverthumb',
????'title',
????'director',
????{name: 'released', type: 'date', dateFormat: 'Y-m-d'},
????'genre',
????'tagline',
????{name: 'price', type: 'float'},
????{name: 'available', type: 'bool'}
???]),

?pruneModifiedRecords:true

?

});

??store.load();

????????? var title_edit=new Ext.form.TextField();
????????? var director_edit=new Ext.form.TextField();
????????? var tagline_edit=new Ext.form.TextField({
???????????? maxLength:45
????????? });
???????? var release_edit=new Ext.form.DateField({
???????????? format:"m/d/Y"
???????? });

???????? var genre_edit=new Ext.form.ComboBox({
?????????????? typeAhead:true,
?????????????? triggerAction:"all",
?????????????? mode:"local",
?????????????? store:genres,
?????????????? displayField:'genre',
?????????????? valueField:"id"
???????? });

??var grid = new Ext.grid.EditorGridPanel({
???renderTo: Ext.getBody(),

? stripeRows:true,
???frame:true,
???title: 'Movie Database',
???height:600,
???width:850,
???store: store,
??????????? clicksToEdit:1,
???autoExpandColumn: 'title',
??????????? sm:new Ext.grid.RowSelectionModel({
?????????????? singleSelect:true
??????????? }),
???columns: [
??????? {header: "Title", dataIndex: 'title', renderer: title_img, id: 'title', sortable: true,editor:title_edit},
??????? {header: "Director", dataIndex: 'director', hidden: false,editor:director_edit},
??????? {header: "Released", dataIndex: 'released', sortable: true,
?????renderer: Ext.util.Format.dateRenderer('m/d/Y'),editor:release_edit},
??????? {header: "Genre", dataIndex: 'genre', renderer: genre_name, sortable: true,editor:genre_edit},
??????? {header: "Tagline", dataIndex: 'tagline', hidden: false,editor:tagline_edit},
???? {header: "Price", dataIndex: 'price', renderer: 'usMoney', sortable: true,id:"price"},
????????????? {header:"available",dataIndex:"available"}
????? ],
??????????? listeners:{
???????????????? afteredit:function(e){
???????????????????? if(e.field == "director" && e.value =="Mel Gibson"){
???????????????????????? Ext.Msg.alert("Eror","Mel Gibson movies not allowed");
???????????????????????? e.record.reject(); //拒绝修改
???????????????????? }else{
?????????????????????? //? e.record.commit();? //提交修改
???????????????????? }
???????????????? }
??????????? },
??????????? /*
??????????? sm:new Ext.grid.RowSelectionModel({
???????????????? singleSelect:true,
???????????????? listeners:{
???????????????????? "rowselect":function(sm,index,record){
???????????????????????? Ext.Msg.alert("You Selected",record.data.title);
???????????????????? }
???????????????? }
???????????? }),*/
???????????? tbar:[{
???????????????? text:"Remove Movie",
???????????????? icon:"images/table_delete.png",
???????????????? cls:"x-btn-text-icon",
???????????????? handler:function(btn,e){
??????????????????? var sm=grid.getSelectionModel();
???????????????????? var sel=sm.getSelected();
???????????????????? if(sm.hasSelection()){
????????????????????????? Ext.Msg.show({
????????????????????????????? title:"Remove Movie",
????????????????????????????? buttons:Ext.MessageBox.YESNOCANCEL,
????????????????????????????? msg:'Remove '+sel.data.title+'?',
????????????????????????????? fn:function(btn){
????????????????????????????????? if(btn=="yes"){
????????????????????????????????????? grid.getStore().remove(sel);
????????????????????????????????? }
????????????????????????????? }
????????????????????????? });
???????????????????? }
???????????????? }
???????????? }]
?? });

?});