OmniGrid – Advanced DataGrid for Mootools

OmniGrid – Advanced DataGrid for Mootools

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
653 views

The OmniGrid component is inspired by two similar components FlexGrid jQuery and phatfusion:sortableTable and partly use their source code. It is developed because of lack of powerfull DataGrid for Mootools 1.2 library.
Omnigrid – Advanced DataGrid for Mootools by Omnisdata Ltd is licensed under a

Methods

<ul>
	<li>constructor(el, options:Object):Object - el HTML element or string (element id), options (see Usage section)</li>
	<li>refresh():Nothing</li>
	<li>loadData(url:String):Nothing</li>
	<li>setData(data:Array):Nothing</li>
	<li>setColumnModel(columnModel:Object):Nothing</li>
	<li>getDataByRow():Object</li>
	<li>setDataByRow(index:Number, data:Object):Nothing</li>
	<li>getSelectedIndices():Array</li>
	<li>removeAll():Nothing</li>
	<li>filter(key:String):Nothing</li>
	<li>clearFilter():Nothing</li>
	<li>gotoPage(page:Number):Nothing</li>
	<li>setPerPage(perpage:Number):Nothing</li>
</ul>

Events

<ul>
	<li>click - on row click</li>
	<li>dblclick - on row double click</li>
</ul>

Database response from server-script to Omnigrid

Response from dynamic scripts (php, asp, …) that returns data from database must be in JSON format like this:

{"page":"1","total":"101","data":[{object},{object},{object},{object},...]}

Database request from Omnigrid to server-script

Omnigrid will send following variables via POST method: [page, perpage, [sorton,sortby] (only if serverSort option is true) ]

Column model

var cmu = [
	{
		header: "Column name",
		dataIndex: 'database_attribut_name',
		dataType:'number|string|date',
		hidden:true|false,
		width:Number // column default width
	},
	{Object},
	{Object},
	...
	]

Demo:

http://www.omnisdata.com/omnigrid/

Download:http://www.omnisdata.com/omnigrid/omnigrid1.2.3.zip
Source:

http://www.omnisdata.com/omnigrid/

http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/furl_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/magnolia_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/google_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/mixx_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/twitter_32.png

Related Listings:

  1. XAJAX PHP Live Datagrid – Gridview I’ve come across a lot of these ‘live’ datagrids /...
  2. Advanced RSS Ticker Advanced RSS Ticker RSS is a popular format for syndicating...
  3. DrasticTools : DataGrid with Tagcloud and Google Map Component DrasticTools is a PHP/Javascript/MySQL based open source package with an...
  4. Vista-like Ajax Calendar The Vista-like Ajax Calendar is what the name says: a...
  5. DHTMLXToolbar – Flexible, Powerful, Lightweight Toolbar DHTMLX is a JavaScript library which unites numerous products for...

Do you like this post?

Email:     

Tags: , ,

1 Comment »

  1. avatar comment-top

    [...] OmniGrid – Advanced DataGrid for Mootools The OmniGrid component is inspired by two similar components FlexGrid… [...]

    comment-bottom

RSS feed for comments on this post. TrackBack URL

Leave a comment



Web Design & CSS (Templates) - TOP.ORG