dojox.grid.datagrid - Vertical scroll bar for dojo enhanced grid -


required scroll bar display on grid on first load...it working in chrome, not in ie...

for this, require event when data loaded grid complete.

i tried 'onfetchcomplete' event, called multiple times because uses lazy load approach...

also made changes css of 'dojoxgridcontent' class apply overflow-y: scroll...

but is not working...

can me on issue.

source code:

var mygrid = new enhancedgrid({      id: "grid",      store: gridstore, //data store passed input      structure: gridstructure, //column structure passed input      autoheight: true,      autowidth: true,      initialwidth: width,      cansort : true,      plugins: {          filter: {            //filter operation            isserverside: true,            disabledconditions : {"anycolumn" : ["equal","less","lessequal","larger","largerequal","contains","startswith","endswith","equalto","notcontains","notequalto","notstartswith","notendswith"]},            setupfilterquery: function(commands, request){                if(commands.filter && commands.enable){                    //filter operation                  }                }              }  }, dojo.byid("mydatagrid"));         mygrid.startup();
 #grid {      height: 20em;  }
<div id="container" class="claro">      <div id="mydatagrid" style="height:200px"></div>  </div>

thanks

in grid option you've assign value (number of rows show) autoheight attribute option , example autoheight: 10 show range of 10 rows (with scroll)

you can check working fiddle

or see below snippet (problem of blocked filter iframe )

require(["dojox/grid/enhancedgrid",            "dojo/data/itemfilewritestore",           "dojox/grid/enhanced/plugins/filter",           "dojo/parser",            "dojo/on",            'dojo/domready!'],     function(enhancedgrid, itemfilewritestore, filter, parser, on) {      var data = {        identifier: 'id',        items: []      };        var data_list = [{          col1: "normal",          col2: false,          col3: 'but not followed 2 hexadecimal',          col4: 29.91        },        {          col1: "important",          col2: false,          col3: 'because % sign indicates',          col4: 9.33        },        {          col1: "important",          col2: false,          col3: 'signs can selectively',          col4: 19.34        }      ];        var rows = 60;        (var = 0, l = data_list.length; < rows; i++) {        data.items.push(dojo.mixin({          id: + 1        }, data_list[i % l]));      }          var gridstore = new itemfilewritestore({        data: data      });        var gridstructure = [        [{            'name': 'column 1',            'field': 'id'          },          {            'name': 'column 2',            'field': 'col2'          },          {            'name': 'column 3',            'field': 'col3',            'width': '230px'          },          {            'name': 'column 4',            'field': 'col4',            'width': '230px'          }        ]      ];            var mygrid = new enhancedgrid({        id: "grid",        store: gridstore, //data store passed input        structure: gridstructure, //column structure passed input        autoheight: 10,        autowidth: true,        initialwidth: 100,        cansort: true,        plugins: {          filter: {            //filter operation            isserverside: true,            disabledconditions: {              "anycolumn": ["equal", "less", "lessequal", "larger", "largerequal", "contains", "startswith", "endswith", "equalto", "notcontains", "notequalto", "notstartswith", "notendswith"]            },            setupfilterquery: function(commands, request) {              if (commands.filter && commands.enable) {                //filter operation              }            }          }        }      },"mydatagrid");          mygrid.startup();                                       }  );        
#grid {      height: 20em;  }  html, body {      height: 100%;      padding: 0;	      margin: 0;      font-family: lucida sans,lucida grande,arial !important;      font-size: 13px !important;      background: white;      color: #333;  }
<link href="https://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojox/grid/enhanced/resources/claro/enhancedgrid.css" rel="stylesheet"/>    <link href="https://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet"/>  <script src="https://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>      <div id="container" class="claro">      <div id="mydatagrid" style="height:200px"></div>  </div>


Comments

Post a Comment

Popular posts from this blog

What is happening when Matlab is starting a "parallel pool"? -

running parallel cpu processes in matlab starts command parpool() according documentation , function: [creates] special job on pool of workers, , [connects] matlab client parallel pool. this function takes bit of time execute, on order of 30 seconds. in other multi-cpu paradigms openmp, parallel execution seems totally transparent -- i've never noticed behavior analogous matlab (granted i'm not experienced parallel programming). so, happening between time parpool() called , when finishes executing? takes long? parallel computing toolbox enables run matlab code in parallel using several different paradigms (e.g. jobs , tasks, parfor , spmd , parfeval , batch processing), , run either locally (parallelised across cores in local machine) or remotely (parallelised across machines in cluster - either 1 own, or 1 in cloud). in of these cases, code run on matlab workers , copies of matlab without interactive desktop. if you're intending run on remo...
Read more

angular - DownloadURL return null in below code -

when change file updated in firebase storage when try downloadurl show null. filechange(event: any) { const imagefolder: string = this.employee.id; const filelist: filelist = event.target.files; const file: file = filelist[0]; const storageref = firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file); console.log(storageref.snapshot.downloadurl); } the put() asynchronous. if want url after file uploaded have this: firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file).then((snapshot) => { storageref = snapshot.downloadurl: console.log(snapshot.downloadurl); });
Read more

php - Cannot override Laravel Spark authentication with own implementation -

during login process of laravel spark need request token of remote api. api stores exact same users , passwords laravel spark application. therefore need username , non hashed password of user during authentication process. i thought overriding authenticated method solution problem. in routes/web.php override post /login endpoint , pointing endpoint own logincontroller: <?php namespace app\http\controllers\auth; use illuminate\support\facades\log; use illuminate\http\request; use laravel\spark\http\controllers\auth\logincontroller sparklogincontroller; class logincontroller extends sparklogincontroller { /** * create new login controller instance. * * @return void */ public function __construct() { parent::__construct(); } /** * handle successful authentication attempt. * * @param request $request * @param \illuminate\contracts\auth\authenticatable $user * @return response */ public fu...
Read more