[SerdarParticipant]

    var buttonrenderer = function (row, columnfield, value, defaulthtml, columnproperties, rowdata) {
        return '<button type="button" class="btn default grey-cascade" onclick="UpdateClick(' + rowdata + ')">Delete</button><button type="button" class="btn default red" onclick="DeleteClick(' + rowdata.ModulID + ')">Delete</button>';
    };

UpdateClick(‘ + row + ‘) ist work but
UpdateClick(‘ + rowdata + ‘) object Giving error

[SerdarParticipant]

okay I tried the code you’ve tried it

var UpdateModulClick = function (row) {

    
};
var DeleteModulClick = function (row) {
  
};

but I want in the grid multiple button
ist’s possible ?

sample

 {
                      text: 'Edit', datafield: 'Edit', columntype: 'button', width: 100, cellsrenderer: function () {
                          return "Edit";
                      }, buttonclick: function (row) {
                          editrow = row;
                          var dataRecord = $("#GridModul").jqxGrid('getrowdata', editrow);
                          OpenPopup("PopupUpdateModul");
                          $("#PopUpModulActive").jqxCheckBox({ checked: false, theme: 'arctic' });
                          $("#PopUpModulName").val(dataRecord.ModulName);
                          $("#PopUpDescription").val(dataRecord.Description);
                          $("#PopUpModulActive").val(dataRecord.Active);
                      }
                  } 

[SerdarParticipant]

hello I see such an error

   var source =

          {
              datafields: [
              { name: 'ModulName', type: 'string' },
              { name: 'Description', type: 'string' },
              { name: 'Active', type: 'bool' }

              ],
              addrow: function (rowid, rowdata, position, commit) {
                  commit(true);
              },
              deleterow: function (rowid, commit) {
                  commit(true);
              },
              updaterow: function (rowid, newdata, commit) {
                  commit(true);
              },
              localdata: GetModuls(),
              async: false,
              datatype: "array",
              id: 'ModulID',
              url: url
          }

   
    var buttonrenderer = function (row, columnfield, value, defaulthtml, columnproperties, rowdata) {
        return '<button type="button" class="btn default grey-cascade" onclick="UpdateModul(' + row + ');">Update</button>&nbsp;&nbsp;<button href="#" type="button" class="btn default red" onclick="DeleteModul(' + row.ID + ')">Delete</button>';
    };

    var dataAdapter = new $.jqx.dataAdapter(source, {
        downloadComplete: function (data, status, xhr) { },
        loadComplete: function (data) { },
        loadError: function (xhr, status, error) { }
    });

    // initialize jqxGrid
    $("#GridModul").jqxGrid(
    {
        width: 930,
        source: dataAdapter,
        pageable: true,
        autorowheight: true,
         
        sortable: true,
        altrows: true,
        height: '420px',
        theme: 'arctic',
        editable: false,
        columns: [
          { text: 'Modul Name', datafield: 'ModulName', width: 200 },
          { text: 'Description', datafield: 'Description', width: 450 },
          { text: 'Active', datafield: 'Active', width: 100, threestatecheckbox: false, columntype: 'checkbox' },
          { text: 'Actions', cellsrenderer: buttonrenderer, width: 180 }
        ]
    });

`function UpdateModul(updateData) {

//…
}`

`function DeleteModuol(id) {

//…
}`

and I’ve tried it

thank you

[SerdarParticipant]

hello thank you dimitar but I want to click events’
plese give me sample code ?
thank you

 {
                      text: 'Edit', datafield: 'Edit', columntype: 'button', width: 100, cellsrenderer: function () {
                          return "Edit";
                      }, buttonclick: function (row) {
                          editrow = row;
                          var dataRecord = $("#GridModul").jqxGrid('getrowdata', editrow);
                          OpenPopup("PopupUpdateModul");
                          $("#PopUpModulActive").jqxCheckBox({ checked: false, theme: 'arctic' });
                          $("#PopUpModulName").val(dataRecord.ModulName);
                          $("#PopUpDescription").val(dataRecord.Description);
                          $("#PopUpModulActive").val(dataRecord.Active);
                      }
                  }

[SerdarParticipant]

hi peter
thank you

[SerdarParticipant]

hi peter
How can I define minimum height when it is empty?
thank you

[SerdarParticipant]

I am using unique id..And I don’t want to show on grid

[SerdarParticipant]

thank you peter

[SerdarParticipant]

hi dimitar
upss. yeah I forgot. sorry thank you

[SerdarParticipant]

thank you so much peter

[SerdarParticipant]

thank you dimitar

[SerdarParticipant]

hello but I have a problem
tooltip does not support grid

[SerdarParticipant]

$(“#jqxgrid”).jqxGrid(‘addrow’, null, {}, ‘first’);
hello Are there other parameters? example : center or other ?

[SerdarParticipant]

thank you
Dimitar

[SerdarParticipant]

I understand you, but How can I do bind into data ?
Because I’m using jqxInput

$(‘#Name’).jqxInput({ height: 25, width: 223, minLength: 1, theme: ‘Bootstrap’ });

and I am using citrio,chrome,explorer 11

edit :
ok I tried that and is working
thank you..

$(‘#Name’).val(values.CrewTopDetail.Name);
$(‘#LastName’).val(values.CrewTopDetail.LastName);

[Author]

Posts