html
  • datatable
  • webix
  • 2015-11-09 11 views 5 likes 
    5

    hücrelerinin iç benim Webix datatable içine düğmeler bir sütun oluşturmanız gerekir.Düğme Webix veritabanının

    webix.ui({ 
        view:"datatable", 
        columns:[ 
        . . . 
        { id: "button1", 
         template: "<button class='custom_css'>Click Me!</button>", 
         width:70 }  
        ], 
        onClick:{ 
        button1: function(ev, id){ 
         . . . 
        } 
        } 
    }); 
    

    ama sonuçta ben istediği kadar uygun değil: Böyle basit bir html-düğmesini özelleştirebilirsiniz.

    Böyle bir şey yapmak için başka bir yolu olup olmadığını merak?

    cevap

    4

    için aktif bir elemanı gibi renkli tanımlayabilir. Şöyle ki herhangi bir html tercihleri ​​ olmadan tam özellikli düğme verir:

    webix.ui({ 
        id:'table1', 
        view:"activeTable", 
        data:grid_data, 
        columns:[ 
        . . . 
        { id: "button", template: "{common.yourButton()}" } 
        ], 
    
        activeContent: { 
        yourButton: { 
         id:"button1", 
         view:"button", 
         label:"Click", 
         width: 70,   
         height:30,   
         click:function(id, e){ . . . } 
        }, 
        }, 
    
    }); 
    
    :

    1. Düğmenizi tanımlayın onun name

      webix.protoUI({ name:'activeTable'}, webix.ui.datatable, webix.ActiveContent); 
      
    2. yoluyla görünümüne ActiveContent modülünü ekle

    Sen snip kontrol edebilirsiniz pet: http://webix.com/snippet/3539bb9a

    İlgili konular