function GetPluginSettings() 
{
	return {
		"name":		"Listview",
		"id":			"Listview",
		"version":		"1.3.2",
		"version modified":		"2",
		"description":	"Listview.",
		"author":		"HMMG",
		"modified by":	"PlayLive",
		"help url":		"https://www.scirra.com/forum/plugin-listview-header-sorting_t124360",
		"category":	"Addon",
		"type":		"world",			// appears in layout
		"rotatable":	false,
		"flags":		pf_position_aces | pf_size_aces,
		"dependency":"jquery.stickytableheaders.min.js;jquery.tablesorter.js;"+
						"theme.black-ice.css;"+
						"theme.blue.css;"+
						"theme.bootstrap.css;"+
						"theme.bootstrap_2.css;"+
						"theme.dark.css;"+
						"theme.default.css;"+
						"theme.dropbox.css;"+
						"theme.green.css;"+
						"theme.grey.css;"+
						"theme.ice.css;"+
						"theme.jui.css;"
	};
};

////////////////////////////////////////
// Parameter types:
// AddNumberParam(label, description [, initial_string = "0"])			// a number
// AddStringParam(label, description [, initial_string = "\"\""])		// a string
// AddAnyTypeParam(label, description [, initial_string = "0"])			// accepts either a number or string
// AddCmpParam(label, description)										// combo with equal, not equal, less, etc.
// AddComboParamOption(text)											// (repeat before "AddComboParam" to add combo items)
// AddComboParam(label, description [, initial_selection = 0])			// a dropdown list parameter
// AddObjectParam(label, description)									// a button to click and pick an object type
// AddLayerParam(label, description)									// accepts either a layer number or name (string)
// AddLayoutParam(label, description)									// a dropdown list with all project layouts
// AddKeybParam(label, description)										// a button to click and press a key (returns a VK)
// AddAnimationParam(label, description)								// a string intended to specify an animation name
// AddAudioFileParam(label, description)								// a dropdown list with all imported project audio files

////////////////////////////////////////
// Conditions

// AddCondition(id,					// any positive integer to uniquely identify this condition
//				flags,				// (see docs) cf_none, cf_trigger, cf_fake_trigger, cf_static, cf_not_invertible,
//									// cf_deprecated, cf_incompatible_with_triggers, cf_looping
//				list_name,			// appears in event wizard list
//				category,			// category in event wizard list
//				display_str,		// as appears in event sheet - use {0}, {1} for parameters and also <b></b>, <i></i>
//				description,		// appears in event wizard dialog when selected
//				script_name);		// corresponding runtime function name
				

AddCondition(0, cf_trigger, "On selection changed", "Listview", "On selection changed", "Triggered when the selected ligne changes.", "OnSelectionChanged");
AddCondition(1, cf_trigger, "On clicked", "Listview", "On clicked", "Triggered when the Listview is clicked.", "OnClicked");
AddCondition(2, cf_trigger, "On double-clicked", "Listview", "On double-clicked", "Triggered when the Listview is double-clicked.", "OnDoubleClicked");
AddCondition(3, cf_trigger, "On mouse over", "Listview", "On mouse over", "Triggered when the cursor is over the Listview .", "OnHover");

////////////////////////////////////////
// Actions

// AddAction(id,				// any positive integer to uniquely identify this action
//			 flags,				// (see docs) af_none, af_deprecated
//			 list_name,			// appears in event wizard list
//			 category,			// category in event wizard list
//			 display_str,		// as appears in event sheet - use {0}, {1} for parameters and also <b></b>, <i></i>
//			 description,		// appears in event wizard dialog when selected
//			 script_name);		// corresponding runtime function name

AddNumberParam("Index", "The zero-based index of the Row to select.");
AddAction(0, af_none, "Set selected index", "Row", "Select Row <i>{0}</i>", "Select a Row in the listview.", "SelectedRow");

AddComboParamOption("Invisible");
AddComboParamOption("Visible");
AddComboParam("Visibility", "Choose whether to hide or show the listview.");
AddAction(1, af_none, "Set visible", "Appearance", "Set <b>{0}</b>", "Hide or show the listview.", "SetVisible");

AddAction(2, af_none, "Set focused", "Listview", "Set focused", "Set the input focus to the listview.", "SetFocus");
AddAction(3, af_none, "Set unfocused", "Listview", "Set unfocused", "Remove the input focus from the listview.", "SetBlur");

AddStringParam("Text", "The Row text to add (to add \":\" use \\:). Exemple 3 Column       \"Item1:Item2:Item3\"");
AddAction(4, af_none, "Add Row", "Row", "Add Row <i>{0}</i>", "Append a new Row to the listview.", "AddRow");

AddNumberParam("Index", "The zero-based index of the Row to insert before.");
AddStringParam("Text", "The Row text to add (to add \":\" use \\:). Exemple 3 Column       \"Item1:Item2:Item3\"");
AddAction(5, af_none, "Add Row at", "Row", "Add Row <i>{1}</i> at index <i>{0}</i>", "Append a new Row to a specific place in the listview.", "AddRowAt");

AddNumberParam("Index", "The zero-based index of the Row to remove.");
AddAction(6, af_none, "Remove At", "Row", "Remove Row <i>{0}</i>", "Remove a Row from the listview.", "RemoveAt");

AddAction(7, af_none, "Clear", "Row", "Clear all Rows", "Remove all Rows from the listview.", "Clear");

AddNumberParam("Index", "The zero-based index of the Row to Change css.");
AddStringParam("Css", "Css exemple    \"background-color:blue;color:white;\" .");
AddAction(8, af_none, "Change Row CSS At", "Row", "Change Row <i>{0}</i> CSS to <i>{1}</i>", "Change a Row css.", "ChangeRowCssAt");

AddNumberParam("Row Index", "The zero-based index of the Row to Change the css.");
AddNumberParam("Cell Index", "The zero-based index of the Cell to Change the css.");
AddStringParam("Css", "Css exemple    \"background-color:blue;color:white;\" .");
AddAction(9, af_none, "Change Cell CSS At Row", "Row", "Change Cell <i>{1}</i> At Row <i>{0}</i> CSS to <i>{2}</i>", "Change a Cell css.", "ChangeCellCssAt");

AddNumberParam("Index", "The zero-based index of the Row to Change add a value to.");
AddStringParam("Key", "Key name where to store the value in the row");
AddStringParam("Value", "Value to store.");
AddAction(10, af_none, "Add Value at Row", "Row", "Set <i>{1}</i> = <i>{2}</i> At <i>{0}</i>", "Store a value.", "StoreValueAt");

AddNumberParam("Index", "The zero-based index of the Column to sort by.");
AddComboParamOption("Ascendant");
AddComboParamOption("Descendant");
AddComboParam("Direction", "Select if the sort is Ascendant or Descendant")
AddAction(11, af_none, "Sort Column", "Sort", "Sort Column of index <i>{0}</i> , Order <i>{1}</i> ", "Sort Column", "sortColumn");

// PlayLive
AddAction(12, af_none, "Scroll Top", "Listview", "Scroll top", "Scroll to the top line of this object.", "ScrollTop");
AddAction(13, af_none, "Scroll bottom", "Listview", "Scroll bottom", "Scroll to the bottom of this object.", "ScrollBottom");

AddStringParam("Text", "Set Header (to add \":\" use \\:). Exemple 3 Column       \"Header1:Header2:Header3\"");
AddAction(14, af_none, "Set Header", "Listview", "Set the header (<i>{0}</i>)", "Set the header.", "SetHeader");

AddNumberParam("Row Index", "The zero-based index of the Row to change the value.");
AddNumberParam("Cell Index", "The zero-based index of the Cell to change the value.");
AddStringParam("Value", "Change value (to add \":\" use \\:).");
AddAction(15, af_none, "Change Value", "Row", "Change value [{0}][{1}] to (<i>{2}</i>)", "Change value at row and cell.", "ChangeValue");

//////////////////////////////////////// 
// Expressions

// AddExpression(id,			// any positive integer to uniquely identify this expression
//				 flags,			// (see docs) ef_none, ef_deprecated, ef_return_number, ef_return_string,
//								// ef_return_any, ef_variadic_parameters (one return flag must be specified)
//				 list_name,		// currently ignored, but set as if appeared in event wizard
//				 category,		// category in expressions panel
//				 exp_name,		// the expression name after the dot, e.g. "foo" for "myobject.foo" - also the runtime function name
//				 description);	// description in expressions panel

AddExpression(0, ef_return_number, "", "Listview", "RowsCount", "The number of Rows in the listview.");
AddExpression(1, ef_return_number, "", "Listview", "SelectedRowIndex", "The zero-based index of the currently selected Row.");

AddNumberParam("SubTextIndex", "subText index to get.");
AddExpression(2, ef_return_string, "", "Listview", "SubTextSelectedRow", "The subText of the currently selected Row.");

AddNumberParam("RowIndex", "Row number to get.");
AddNumberParam("SubTextIndex", "subText index to get.");
AddExpression(3, ef_return_string, "", "Listview", "SubTextAt", "The subText of the Nth Row in the listview.");

AddNumberParam("RowIndex", "Row number to get.");
AddStringParam("Key", "Key name.");
AddExpression(4, ef_return_string, "", "Listview", "getValueOfKeyAt", "Get stored value of key at a specific row.");

ACESDone();

// Property grid properties for this plugin
var property_list = [
	new cr.Property(ept_text,	"Header",				"",			"The initial listiew's header separeted by colon : Exemple header1:header2:header3"),
	new cr.Property(ept_text,	"Items",				"",			"The initial listiew of items, separated by semicolons ; and colomuns separeted by colon : .Exemple Row1Col1:Row1Col2:Row1Col3;Row2Col1:Row2Col2:Row2Col3;"),
	new cr.Property(ept_text,	"Colomun Width",	"",			"Set Listview Colomun Width separated by semicolons ;  .Exemple 20%:50%:30%"),
	new cr.Property(ept_combo,	"Initial visibility",	"Visible",	"Choose whether the list is visible on startup.", "Invisible|Visible"),
	new cr.Property(ept_text,	"ID (optional)",		"",			"An ID for the control allowing it to be styled with CSS from the page HTML."),
	new cr.Property(ept_text,	"Header CSS (optional)",		"",		"Add Some CSS to your Listview's header."),
	new cr.Property(ept_text,	"Rows CSS (optional)",		"",			"Add Some CSS to your Listview's Rows."),
	new cr.Property(ept_text,	"Cell CSS (optional)",		"",			"Add Some CSS to your Listview's Cells."),
	new cr.Property(ept_combo,	"Horizontal Alignement",	"Center",		"Set Columns Alignement.", "Left|Center|Right"),
	new cr.Property(ept_combo,	"Vertical Alignement",	"Center",		"Set Columns Alignement.", "Top|Center|Bottom"),
	new cr.Property(ept_combo,	"Show Grid",	"No",		"For listview Grid.", "No|Yes"),
	new cr.Property(ept_combo,	"Show Sorter",	"Yes",		"Show Sorter Icons.", "No|Yes"),
	new cr.Property(ept_combo,	"Sorter Alignement",	"Right",		"Sorter Alignement .", "Left|Center|Right"),
	new cr.Property(ept_combo,	"Fixed Header",	"No",		"Header Fixed when scroll.", "No|Yes"),
	new cr.Property(ept_combo,	"Allow Sort",	"No",		"Allow Sorting.", "No|Yes"),
	new cr.Property(ept_combo,	"Theme",	"Default",		"Select Listview Theme.", "None|Black-Ice|Blue|Bootstrap|Bootstrap 2|Dark|Default|Dropbox|Green|Grey|Ice|Jui"),
	new cr.Property(ept_combo,	"Show Y-Scroll",	"Auto",		"Show Y-Scroll.", "Auto|Yes|No")
];
	
// Called by IDE when a new object type is to be created
function CreateIDEObjectType()
{
	return new IDEObjectType();
}

// Class representing an object type in the IDE
function IDEObjectType()
{
	assert2(this instanceof arguments.callee, "Constructor called as a function");
}

// Called by IDE when a new object instance of this type is to be created
IDEObjectType.prototype.CreateInstance = function(instance)
{
	return new IDEInstance(instance);
}

// Class representing an individual instance of an object in the IDE
function IDEInstance(instance, type)
{
	assert2(this instanceof arguments.callee, "Constructor called as a function");
	
	// Save the constructor parameters
	this.instance = instance;
	this.type = type;
	
	// Set the default property values from the property table
	this.properties = {};
	
	for (var i = 0; i < property_list.length; i++)
		this.properties[property_list[i].name] = property_list[i].initial_value;
		
	// Plugin-specific variables
	this.just_inserted = false;
	this.font = null;
}

IDEInstance.prototype.OnCreate = function()
{
	this.instance.SetHotspot(new cr.vector2(0, 0));
}

IDEInstance.prototype.OnInserted = function()
{
	this.instance.SetSize(new cr.vector2(150, 22));
}

IDEInstance.prototype.OnDoubleClicked = function()
{
}

// Called by the IDE after a property has been changed
IDEInstance.prototype.OnPropertyChanged = function(property_name)
{
}

IDEInstance.prototype.OnRendererInit = function(renderer)
{
}
	
// Called to draw self in the editor
IDEInstance.prototype.Draw = function(renderer)
{
	if (!this.font)
		this.font = renderer.CreateFont("Arial", 14, false, false);
		
	renderer.SetTexture(null);
	var quad = this.instance.GetBoundingQuad();
	renderer.Fill(quad, this.properties["Enabled"] === "Yes" ? cr.RGB(255, 255, 255) : cr.RGB(224, 224, 224));
	renderer.Outline(quad, cr.RGB(0, 0, 0));
	
	cr.quad.prototype.offset.call(quad, 4, 2);
	
	this.font.DrawText(this.properties["Items"].replace(/;/g, "\n"),
							quad,
							cr.RGB(0, 0, 0),
							ha_left);

}

IDEInstance.prototype.OnRendererReleased = function(renderer)
{
	this.font = null;
}
[/code:3oll0gef]

[b]runtime[/b]
[code:3oll0gef]
// ECMAScript 5 strict mode
"use strict";
// Dropbox , Grey , Bootstap Theme dont have Sort icons
assert2(cr, "cr namespace not created");
assert2(cr.plugins_, "cr.plugins_ not created");

/////////////////////////////////////
// Plugin class
cr.plugins_.Listview = function(runtime)
{
	this.runtime = runtime;
};

(function ()
{
	/////////////////////////////////////
	var pluginProto = cr.plugins_.Listview.prototype;
		
	/////////////////////////////////////
	// Object type class
	pluginProto.Type = function(plugin)
	{
		this.plugin = plugin;
		this.runtime = plugin.runtime;
	};

	var typeProto = pluginProto.Type.prototype;

	// called on startup for each object type
	typeProto.onCreate = function()
	{
	};

	/////////////////////////////////////
	// Instance class
	pluginProto.Instance = function(type)
	{
		this.type = type;
		this.runtime = type.runtime;
	};
	
	var instanceProto = pluginProto.Instance.prototype;

	/////////////////////////////////////
	// PlayLive vars
	var header = [];
	var lenCol = [];
	var align = "";
	var valign = "";
	
	// called whenever an instance is created
	instanceProto.onCreate = function()
	{
		// Not supported in DC
		if (this.runtime.isDomFree)
		{
			cr.logexport("[Construct 2] List plugin not supported on this platform - the object will not be created");
			return;
		}
	
		this.elem = document.createElement("div");
		this.elem.table = document.createElement("table");
		this.elem.id = this.properties[4];
		if($.trim(this.elem.id) <= 0)
		{
			this.elem.id = makeid();
		}
		this.lastSelection = -1 ;

		$(this.elem).appendTo(this.runtime.canvasdiv ? this.runtime.canvasdiv : "body");
		
		// PlayLive
		if(this.properties[16] == 0)
			$(this.elem).addClass("scrollable-area-"+this.elem.id).append($(this.elem.table)).css("overflow-y","auto").css("padding","0px").css("margin","0px");
		else if(this.properties[16] == 1)
			$(this.elem).addClass("scrollable-area-"+this.elem.id).append($(this.elem.table)).css("overflow-y","scroll").css("padding","0px").css("margin","0px");
		else if(this.properties[16] == 2)
			$(this.elem).addClass("scrollable-area-"+this.elem.id).append($(this.elem.table)).css("overflow-y","hidden").css("padding","0px").css("margin","0px");
		
		var self = this;
		var ligne = [];
		var theme = "";
		
		if($.trim(self.properties[0]).length>0)
		{
			if(self.properties[0][self.properties[0].length-1] == ":")
				self.properties[0]= self.properties[0].slice(0,-1);
			header=self.properties[0].split(":");
		}
		
		if($.trim(self.properties[1]).length>0)
		{
			if(self.properties[1][self.properties[1].length-1] == ";")
				self.properties[1]= self.properties[1].slice(0,-1);
			ligne=self.properties[1].split(";");
		}
		
		if($.trim(self.properties[2]).length>0)
		{
			if(self.properties[2][self.properties[2].length-1] == ":")
				self.properties[2]= self.properties[2].slice(0,-1);
			lenCol=self.properties[2].split(":");
		}
		
		switch(self.properties[8])
		{
			case 0 : align="left";break;
			case 1 : align="center";break;
			case 2 : align="right";break;
			default : align="center";break;
		}
		switch(self.properties[9])
		{
			case 0 : valign="top";break;
			case 1 : valign="center";break;
			case 2 : valign="bottom";break;
			default : valign="center";break;
		}
		
		
		this.align = align;
		this.valign = valign;
		//$(self.elem.table).addClass("tablesorter");
		
		
		$(self.elem.table).attr({
							"border":self.properties[10],
							"cellpadding":"0px",
							"cellspacing":"0px",
							"width":"100%"
		}).css("color","black");

		if(header.length>0)
		{
			$(self.elem.table).append("<thead><tr></tr></thead>");
			for(var i=0 ; i<header.length ; i++)
			{
				$(this.elem.table).find("thead tr").append("<th width='"+lenCol[i]+"' colNum='"+i+"' align='"+align+"' valign='"+valign+"' >"+header[i]+"</th>");
			}
		}
		
		$(self.elem.table).append("<tbody></tbody>");
		if(ligne.length>0)
		{
			for(var i=0 ; i<ligne.length ; i++)
			{
				var rowId = "";
				do
				{
					rowId = makeid();
				}while( $("#"+rowId).length);
				var LigneToAdd = $("<tr id-row='"+rowId+"'></tr>");
				var a = ligne[i].split(":");
				for(var j=0 ; j<a.length ; j++)
				{
					if($.trim(self.properties[7]).length >0)
						LigneToAdd.append("<td align='"+align+"' valign='"+valign+"' style='"+self.properties[7]+"'>"+a[j]+"</td>");
					else
						LigneToAdd.append("<td align='"+align+"' valign='"+valign+"'>"+a[j]+"</td>");
				}
				$(self.elem.table).find("tbody").append(LigneToAdd);
			}
		}

		if($.trim(self.properties[5]).length >0)
			$(self.elem.table).find("thead tr").attr("style",self.properties[5]);
		if($.trim(self.properties[6]).length >0)
			$(self.elem.table).find("tbody tr").attr("style",self.properties[6]);
		
		if( self.properties[14] == 1)
		{
			if(self.properties[15] > 0)
			{
				switch(self.properties[15])
				{
					case 0 : theme="none";break;
					case 1 : theme="blackice";break;
					case 2 : theme="blue";break;
					case 3 : theme="bootstrap";break;
					case 4 : theme="bootstrap_2";break;
					case 5 : theme="dark";break;
					case 6 : theme="default";break;
					case 7 : theme="dropbox";break;
					case 8 : theme="green";break;
					case 9 : theme="grey";break;
					case 10 : theme="ice";break;
					case 11 : theme="jui";break;
					default : theme="default";break;
				}
				$(self.elem.table).tablesorter(
				{
					theme:theme
				});
			}
			else
			{
				$(self.elem.table).tablesorter().removeClass("tablesorter-default");
			}
		}
		else
		{
			if(self.properties[15] > 0)
			{
				switch(self.properties[15])
				{
					case 0 : theme="none";break;
					case 1 : theme="blackice";break;
					case 2 : theme="blue";break;
					case 3 : theme="bootstrap";break;
					case 4 : theme="bootstrap_2";break;
					case 5 : theme="dark";break;
					case 6 : theme="default";break;
					case 7 : theme="dropbox";break;
					case 8 : theme="green";break;
					case 9 : theme="grey";break;
					case 10 : theme="ice";break;
					case 11 : theme="jui";break;
					default : theme="default";break;
				}
				$(self.elem.table).addClass("tablesorter-"+theme);
			}
		}

		// PlayLive
		if( self.properties[13] == 1)
			$(self.elem.table).stickyTableHeaders({ scrollableArea: $(".scrollable-area-"+this.elem.id) })

		var sorterAlign = 2;
		var sorterVisib = "initial";

		switch(self.properties[12])
		{
			case 0 : sorterAlign="left";break;
			case 1 : sorterAlign="center";break;
			case 2 : sorterAlign="right";break;
			default : sorterVisib="right";break;
		}

		$(self.elem.table).find("thead tr .header").css(
		{
			"background-position":"center "+sorterAlign
		});
		if( self.properties[11] == 0)
		{
			$(self.elem.table).find("thead tr .header").css(
			{
				"background-image":"none"
			});
		}
		
		
		$(this.elem.table).find("tbody").on('click' , 'tr', function() 
		{
			if( parseInt($(this).index()) != self.lastSelection)
			{
				self.lastSelection = parseInt($(this).index());
				self.runtime.trigger(cr.plugins_.Listview.prototype.cnds.OnSelectionChanged, self);
			}
		});
		
		$(this.elem.table).find("tbody").on('mouseover' , 'tr', function() 
		{
			self.runtime.trigger(cr.plugins_.Listview.prototype.cnds.OnHover, self);
		});
		
		this.elem.onclick = function(e) {
				e.stopPropagation();
				self.runtime.isInUserInputEvent = true;
				self.runtime.trigger(cr.plugins_.Listview.prototype.cnds.OnClicked, self);
				self.runtime.isInUserInputEvent = false;
			};
		
		this.elem.ondblclick = function(e) {
				e.stopPropagation();
				self.runtime.isInUserInputEvent = true;
				self.runtime.trigger(cr.plugins_.Listview.prototype.cnds.OnDoubleClicked, self);
				self.runtime.isInUserInputEvent = false;
			};
		
		// Prevent touches reaching the canvas
		this.elem.addEventListener("touchstart", function (e) {
			e.stopPropagation();
		}, false);
		
		this.elem.addEventListener("touchmove", function (e) {
			e.stopPropagation();
		}, false);
		
		this.elem.addEventListener("touchend", function (e) {
			e.stopPropagation();
		}, false);
		
		// Prevent clicks being blocked
		jQuery(this.elem).mousedown(function (e) {
			e.stopPropagation();
		});
		
		jQuery(this.elem).mouseup(function (e) {
			e.stopPropagation();
		});
		
		this.lastLeft = 0;
		this.lastTop = 0;
		this.lastRight = 0;
		this.lastBottom = 0;
		this.lastWinWidth = 0;
		this.lastWinHeight = 0;
		this.isVisible = true;
		
		this.updatePosition(true);
		
		this.runtime.tickMe(this);
	};
	
	instanceProto.saveToJSON = function ()
	{
		var o = {
			"tooltip": this.elem.title,
			"disabled": !!this.elem.disabled,
			"items": [],
			"sel": []
		};
		
		var i, len;
		var itemsarr = o["items"];
		
		for (i = 0, len = this.elem.length; i < len; i++)
		{
			itemsarr.push(this.elem.options[i].text);
		}
		
		var selarr = o["sel"];
		
		if (this.elem["multiple"])
		{
			for (i = 0, len = this.elem.length; i < len; i++)
			{
				if (this.elem.options[i].selected)
					selarr.push(i);
			}
		}
		else
		{
			selarr.push(this.elem["selectedIndex"]);
		}
		
		return o;
	};
	
	instanceProto.loadFromJSON = function (o)
	{
		this.elem.title = o["tooltip"];
		this.elem.disabled = o["disabled"];
		
		var itemsarr = o["items"];
		
		// Clear the list
		while (this.elem.length)
			this.elem.remove(this.elem.length - 1);
			
		var i, len, opt;
		for (i = 0, len = itemsarr.length; i < len; i++)
		{
			opt = document.createElement("option");
			opt.text = itemsarr[i];
			this.elem.add(opt);
		}
		
		var selarr = o["sel"];
		
		if (this.elem["multiple"])
		{
			for (i = 0, len = selarr.length; i < len; i++)
			{
				if (selarr[i] < this.elem.length)
					this.elem.options[selarr[i]].selected = true;
			}
		}
		else if (selarr.length >= 1)
		{
			this.elem["selectedIndex"] = selarr[0];
		}
	};
	
	instanceProto.onDestroy = function ()
	{
		if (this.runtime.isDomFree)
				return;
		
		jQuery(this.elem).remove();
		this.elem = null;
	};
	
	instanceProto.tick = function ()
	{
		this.updatePosition();
	};
	
	instanceProto.updatePosition = function (first)
	{
		if (this.runtime.isDomFree)
			return;
		
		var left = this.layer.layerToCanvas(this.x, this.y, true);
		var top = this.layer.layerToCanvas(this.x, this.y, false);
		var right = this.layer.layerToCanvas(this.x + this.width, this.y + this.height, true);
		var bottom = this.layer.layerToCanvas(this.x + this.width, this.y + this.height, false);
		
		var rightEdge = this.runtime.width / this.runtime.devicePixelRatio;
		var bottomEdge = this.runtime.height / this.runtime.devicePixelRatio;
		
		// Is entirely offscreen or invisible: hide
		if (!this.visible || !this.layer.visible || right <= 0 || bottom <= 0 || left >= rightEdge || top >= bottomEdge)
		{
			if (this.isVisible)
				jQuery(this.elem).hide();
			
			this.isVisible = false;
			return;
		}
		
		// Truncate to canvas size
		if (left < 1)
			left = 1;
		if (top < 1)
			top = 1;
		if (right >= rightEdge)
			right = rightEdge - 1;
		if (bottom >= bottomEdge)
			bottom = bottomEdge - 1;
		
		var curWinWidth = window.innerWidth;
		var curWinHeight = window.innerHeight;
			
		// Avoid redundant updates
		if (!first && this.lastLeft === left && this.lastTop === top && this.lastRight === right && this.lastBottom === bottom && this.lastWinWidth === curWinWidth && this.lastWinHeight === curWinHeight)
		{
			if (!this.isVisible)
			{
				jQuery(this.elem).show();
				this.isVisible = true;
			}
			
			return;
		}
			
		this.lastLeft = left;
		this.lastTop = top;
		this.lastRight = right;
		this.lastBottom = bottom;
		this.lastWinWidth = curWinWidth;
		this.lastWinHeight = curWinHeight;
		
		if (!this.isVisible)
		{
			jQuery(this.elem).show();
			this.isVisible = true;
		}
		
		var offx = Math.round(left) + jQuery(this.runtime.canvas).offset().left;
		var offy = Math.round(top) + jQuery(this.runtime.canvas).offset().top;
		jQuery(this.elem).css("position", "absolute");
		jQuery(this.elem).offset({left: offx, top: offy});
		jQuery(this.elem).width(Math.round(right - left));
		jQuery(this.elem).height(Math.round(bottom - top));
		
	};
	
	// only called if a layout object
	instanceProto.draw = function(ctx)
	{
	};
	
	instanceProto.drawGL = function(glw)
	{
	};
	
	/**BEGIN-PREVIEWONLY**/
	instanceProto.getDebuggerValues = function (propsections)
	{
		propsections.push({
			"title": "List",
			"properties": [
				{"name": "Item count", "value": this.elem.length, "readonly": true},
				{"name": "Enabled", "value": !this.elem.disabled},
				{"name": "Tooltip", "value": this.elem.title},
				{"name": "Selected index", "value": this.elem.selectedIndex}
			]
		});
		
		var props = [], i, len;
		for (i = 0, len = this.elem.length; i < len; ++i)
		{
			props.push({"name": i.toString(), "value": this.elem.options[i].text});
		}
		
		propsections.push({
			"title": "Items",
			"properties": props
		});
	};
	
	instanceProto.onDebugValueEdited = function (header, name, value)
	{
		if (header === "List")
		{
			switch (name) {
			case "Enabled":
				this.elem.disabled = !value;
				break;
			case "Tooltip":
				this.elem.title = value;
				break;
			case "Selected index":
				this.elem.selectedIndex = value;
				break;
			}
		}
		else if (header === "Items")
		{
			this.elem.options[parseInt(name, 10)].text = value;
		}
	};
	/**END-PREVIEWONLY**/

	//////////////////////////////////////
	// Conditions
	function Cnds() {};
	
	Cnds.prototype.OnSelectionChanged = function ()
	{
		return true;
	};
	
	Cnds.prototype.OnClicked = function ()
	{
		return true;
	};
	
	Cnds.prototype.OnDoubleClicked = function ()
	{
		return true;
	};
	
	Cnds.prototype.OnHover = function ()
	{
		return true;
	};
	
	
	pluginProto.cnds = new Cnds();
	
	//////////////////////////////////////
	// Actions
	function Acts() {};
	
	Acts.prototype.SelectedRow = function (i)
	{
		if (this.runtime.isDomFree)
			return;
		
		this.lastSelection = i;
		$(this.elem.table).find("tbody tr.selected").removeClass("selected");
		$(this.elem.table).find("tbody tr").eq(i).addClass("selected");
	};
	
	Acts.prototype.SetVisible = function (vis)
	{
		if (this.runtime.isDomFree)
			return;
		
		this.visible = (vis !== 0);
	};
	
	Acts.prototype.SetFocus = function ()
	{
		if (this.runtime.isDomFree)
			return;
		
		this.elem.table.focus();
	};
	
	Acts.prototype.SetBlur = function ()
	{
		if (this.runtime.isDomFree)
			return;
		
		this.elem.table.blur();
	};

	
	Acts.prototype.AddRow = function (text_)
	{
		if (this.runtime.isDomFree)
			return;

		var rowId = "";
		do { rowId = makeid(); }
		while( $("#"+rowId).length);
		
		
		var LigneToAdd = $("<tr id-row='"+rowId+"'></tr>");
		var a = text_.split(":");
		var r = a.toString().replace(/\\,/g, ":");
		a = r.split(",");

		for(var j=0 ; j<a.length ; j++)
		{
			LigneToAdd.append("<td align='"+this.align+"' valign='"+this.valign+"' style='"+this.properties[7]+"'>"+a[j]+"</td>");
		}

		$(this.elem.table).find("tbody").append(LigneToAdd);

		if( this.properties[14] == 1)
		{
			$(this.elem.table).trigger('update');     
			$(this.elem.table).trigger("sorton",[$(this.elem.table).get(0).config.sortList]); 
		}
	};
	
	Acts.prototype.AddRowAt = function (index_, text_)
	{
		if (this.runtime.isDomFree)
			return;

		var rowId = "";
		do
		{
			rowId = makeid();
		}while( $("#"+rowId).length);
		
		
		var LigneToAdd = $("<tr id-row='"+rowId+"'></tr>");
		var a = text_.split(":");
		var r = a.toString().replace(/,,/g, ":");
		a = r.split(",");
		for(var j=0 ; j<a.length ; j++)
		{
			LigneToAdd.append("<td align='"+this.align+"' valign='"+this.valign+"' style='"+this.properties[7]+"'>"+a[j]+"</td>");
		}
		
		if(index_ > 0)
			LigneToAdd.insertBefore($(this.elem.table).find("tbody tr").eq(index_));
		else
			LigneToAdd.appendTo($(this.elem.table).find("tbody"));
		
		if( this.properties[14] == 1 )
		{
			$(this.elem.table).trigger('update');
			$(this.elem.table).trigger("sorton",[$(this.elem.table).get(0).config.sortList]); 
		}
	};
	
	Acts.prototype.RemoveAt = function (index_)
	{
		if (this.runtime.isDomFree)
			return;
		
		if(index_ == this.lastSelection)
				this.lastSelection = -1 ;

		$(this.elem.table).find("tbody tr").eq(index_).remove();
	};

	Acts.prototype.ChangeRowCssAt = function (index_,css)
	{
		if (this.runtime.isDomFree)
			return;
		
		var item = $(this.elem.table).find("tbody tr").eq(index_);
		if(item.is("[style]"))
			item.attr("style",item.attr("style")+css);
		else
			item.attr("style",css);
	};
	
	Acts.prototype.ChangeCellCssAt = function (index_,index_2,css)
	{
		if (this.runtime.isDomFree)
			return;

		var item = $(this.elem.table).find("tbody tr").eq(index_).find("td").eq(index_2);
		if(item.is("[style]"))
			item.attr("style",item.attr("style")+css);
		else
			item.attr("style",css);
	};
	
	Acts.prototype.StoreValueAt = function (index_,key,val)
	{
		if (this.runtime.isDomFree)
			return;

		$(this.elem.table).find("tbody tr").eq(index_).attr(key,val);
	};
	
	Acts.prototype.sortColumn = function (index_,val)
	{
		if (this.runtime.isDomFree)
			return;
		$("table").trigger("sorton",[ [[index_,val]] ]);
		
	};
	
	Acts.prototype.Clear = function ()
	{
		$(this.elem.table).find("tbody tr").remove();
	};

	Acts.prototype.ScrollTop = function () // PlayLive
	{
		if (this.runtime.isDomFree)
			return;

        this.elem.scrollTop = 0;
	};

	Acts.prototype.ScrollBottom = function () // PlayLive
	{
		if (this.runtime.isDomFree)
			return;
		
		this.elem.scrollTop = this.elem.scrollHeight;
	};

	Acts.prototype.SetHeader = function (str_) // PlayLive
	{
		if (this.runtime.isDomFree)
			return;
/*
		var newheader = str_.split(":");

		if (newheader.length > 0)
		{
			$(this.elem.table).find("thead tr th").text("");
			var table = $(this.elem.table).find("thead tr th").length / 2;

			while (newheader.length > table) {
				$(this.elem.table).find("thead tr").append("<th align='"+align+"' valign='"+valign+"'></th>");
				table++;
			}

			while (newheader.length < table) {
				$(this.elem.table).find("thead tr th:eq("+(table)+")").remove();
				$(this.elem.table).find("thead tr th:eq("+(table)+")").remove();
				table--;
			}

			for (var i = 0; i < table; i++) {
				$(this.elem.table).find("thead tr th:eq("+i+")").text(newheader[i]);
			}
		}
*/
		var newheader = str_.split(":");
		$(this.elem.table).find("thead tr th").text("");

		for (var i = 0; i < newheader.length; i++)
			$(this.elem.table).find("thead tr th:eq("+i+")").text(newheader[i]);

	};

	Acts.prototype.ChangeValue = function (row_, cell_, str_) // PlayLive
	{
		$(this.elem.table).find("tbody tr:eq("+row_+") td:eq("+cell_+")").text(str_);
	};
	
	pluginProto.acts = new Acts();
	
	//////////////////////////////////////
	// Expressions
	function Exps() {};
	
	Exps.prototype.RowsCount = function (ret)
	{
		if (this.runtime.isDomFree)
		{
			ret.set_int(0);
			return;
		}
		
		ret.set_int($(this.elem.table).find("tbody tr").length);
	};
	
	Exps.prototype.SelectedRowIndex = function (ret)
	{
		if (this.runtime.isDomFree)
		{
			ret.set_int(0);
			return;
		}
		ret.set_int(this.lastSelection);
	};
	
	Exps.prototype.SubTextSelectedRow = function (ret,SubTextIndex)
	{
		if (this.runtime.isDomFree)
		{
			ret.set_string("");
			return;
		}
		
		ret.set_string($(this.elem.table).find("tbody tr").eq(this.lastSelection).find("td").eq(SubTextIndex).text());
	};
	
	
	Exps.prototype.SubTextAt = function (ret,LigneIndex , SubTextIndex)
	{
		if (this.runtime.isDomFree)
		{
			ret.set_string("");
			return;
		}
		
		ret.set_string($(this.elem.table).find("tbody tr").eq(LigneIndex).find("td").eq(SubTextIndex).text() );
	};
	
	
	Exps.prototype.getValueOfKeyAt = function (ret,RowIndex , Key) // PlayLive
	{
		if (this.runtime.isDomFree)
		{
			ret.set_string("");
			return;
		}
		
		ret.set_string($(this.elem.table).find("tbody tr").eq(RowIndex).attr(Key) );
	};
	pluginProto.exps = new Exps();

}());

function makeid()
{
    var text = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
	
    for( var i=0; i < 10; i++ )
        text += possible.charAt(Math.floor(Math.random() * possible.length));
    return text;
}

function createCSSSelector(selector, style) 
{
	var cssrules =  $("<style type='text/css'> </style>").appendTo("head");
	cssrules.append(selector+"{ "+style+" }"); 
}
[/code:3oll0gef]


Thanks for the update!

Does someone can tell me how to fill the listview with a JSON as source? oO Somehow I cant manage that...