diff options
Diffstat (limited to 'ishtar_common/templates/blocks/JQueryJqGrid.html')
-rw-r--r-- | ishtar_common/templates/blocks/JQueryJqGrid.html | 123 |
1 files changed, 123 insertions, 0 deletions
diff --git a/ishtar_common/templates/blocks/JQueryJqGrid.html b/ishtar_common/templates/blocks/JQueryJqGrid.html new file mode 100644 index 000000000..26855f4ea --- /dev/null +++ b/ishtar_common/templates/blocks/JQueryJqGrid.html @@ -0,0 +1,123 @@ +{% load i18n %} +</table> + +<button id='search_{{name}}' class='submit'>{% trans "Search" %}</button> + +{% if url_new %} +<p><a href="#" onclick="open_window('{{url_new}}');">{{new_message}}</a></p> +{% endif %} + +<h4>{% trans "Search and select an item" %}</h4> + +<table id='grid_{{name}}' class='jqgrid'></table> +<div id='pager_{{name}}'></div> + +<div id='foot_{{name}}' class='gridfooter'> +{% if source_full %} +{% trans "Export as CSV" %} ({{encoding}}) +<a href='{{source}}csv' target='_blank'>{{simple}}</a> - +<a href='{{source_full}}csv' target='_blank'>{{full}}</a> +{% else %} +<a href="{{source}}csv" target="_blank">{% trans "Export as CSV" %} ({{encoding}})</a> +{% endif %} +</div> + +{% if multiple %} +<input type="button" id="add_button_{{name}}" value="{% trans "Add" %}"/> +<ul id="selectmulti_{{name}}" class="selectmulti"></ul> +{% endif %} + +<input type="hidden" id="hidden_{{name}}" name="{{name}}"/> + +<script type="text/javascript"> +var query_vars = new Array({{col_idx|safe}}); +var selItems_{{sname}} = new Array(); +jQuery(document).ready(function(){ + jQuery("#search_{{name}}").click(function (){ + if ($("#progress").length > 0){ + $("#progress").show(); + } + var data = ""; + for (idx in query_vars) + { + var key = query_vars[idx]; + var val = jQuery("#id_"+key).val(); + if (val){ + if (data) data += "&"; + data += key + "=" + val; + } + } + var mygrid = jQuery("#grid_{{name}}"); + var url = "{{source}}?submited=1&" + data; + mygrid.setGridParam({url:url}); + mygrid.trigger("reloadGrid"); + if ($("#progress").length > 0){ + $("#progress").hide(); + } + return false; + }); + + jQuery("#grid_{{name}}").jqGrid({ + url:'{{source}}', + datatype: "json", + mtype: 'GET', + colNames:['id', '', {{col_names|safe}}], + colModel:[ + {name:'id', index:'id', hidden:true}, + {name:'link', index:'link', width:80}, + {{extra_cols|safe}} + ], + sortname: 'value', + viewrecords: true, + sortorder: "asc", + emptyrecords: "{{no_result}}", + loadtext: "{{loading}}", + pager: '#pager_{{name}}', + width:740, + rowNum:20, + jsonReader : {repeatitems: false}, + }); +{% if multiple %} + jQuery("#add_button_{{name}}").click(function (){ + var mygrid = jQuery("#grid_{{name}}"); + var idx = mygrid.getGridParam('selrow'); + var lbl_cols = new Array({{multi_cols|safe}}); + var label = ""; + for (var id in lbl_cols){ + if(id == 1){ + label += " ("; + }else if (id > 1){ + label += " ; "; + } + label += mygrid.getCell(idx, lbl_cols[id]); + } + if (id > 0){ + label += ")"; + } + for (id in selItems_{{sname}}){ + if(selItems_{{sname}}[id] == idx){ + return false; + } + } + selItems_{{sname}}.push(idx); + jQuery("#selectmulti_{{name}}").append( + "<li id='selected_{{name}}_"+idx+"'>\ +<a href='#' class='remove' \ + onclick=\"multiRemoveItem(selItems_{{sname}}, '{{name}}', "+ idx +");\ + return false;\" title=\"{{remove}}\">X</a>" + label + "</li>"); + return true; + }); + jQuery("#submit_form").click(function (){ + jQuery("#hidden_{{name}}").val(selItems_{{sname}}); + return true; + }); +{% else %} + jQuery("#submit_form").click(function (){ + var mygrid = jQuery("#grid_{{name}}"); + jQuery("#hidden_{{name}}").val(mygrid.getGridParam('selrow')); + return true; + }); +{% endif %} +}); +</script> + |