Search...
FAQs
Subscribe
Pie
FAQs
Recent topics
Flagged topics
Hot topics
Best topics
Search...
Search within HTML Pages with CSS and JavaScript
Search Coderanch
Advance search
Google search
Register / Login
Post Reply
Bookmark Topic
Watch Topic
New Topic
programming forums
Java
Mobile
Certification
Databases
Caching
Books
Engineering
Micro Controllers
OS
Languages
Paradigms
IDEs
Build Tools
Frameworks
Application Servers
Open Source
This Site
Careers
Other
Pie Elite
all forums
this forum made possible by our volunteer staff, including ...
Marshals:
Campbell Ritchie
Jeanne Boyarsky
Ron McLeod
Paul Clapham
Liutauras Vilda
Sheriffs:
paul wheaton
Rob Spoor
Devaka Cooray
Saloon Keepers:
Stephan van Hulst
Tim Holloway
Carey Brown
Frits Walraven
Tim Moores
Bartenders:
Mikalai Zaikin
Forum:
HTML Pages with CSS and JavaScript
dojo loading FilteringTable problem
Ahmed M. Omar
Ranch Hand
Posts: 43
posted 13 years ago
Number of slices to send:
Optional 'thank-you' note:
Send
i am using dojo library
<script type="text/javascript"> var djConfig = { isDebug: false }; </script> <script src="../script/dojo/dojo.js" type="text/javascript" djConfig="parseOnLoad: true, isDebug: true"></script> <script type="text/javascript"> dojo.require("dojo.io.*"); dojo.require("dojo.rpc.*"); dojo.require("dojo.widget.FilteringTable"); dojo.hostenv.writeIncludes(); </script> <s:url id="smdUrl" namespace="/nodecorate" action="RpcAction"/> <script type="text/javascript"> var currentPage = 0; var service = new dojo.rpc.JsonService("${smdUrl}"); </script> <button onclick="refreshData()">Search</button><br> <span id="testTablePagination"></span> <table dojoType = "filteringTable" id="asd"/> <table dojoType="filteringTable" id="yourTableId" multiple="false" alternateRows="true" valueField="id"> <thead> <tr> <th field="empId" dataType="String">ID</th> <th field="empName" dataType="String">First Name</th> <th field="loginName" dataType="String">Second Name</th> </tr> </thead> </table> <script type="text/javascript"> refreshData = function() { // define a callback function for row data var rowsCallback = function(bean) { var yourTable = dojo.widget.byId('yourTableId'); yourTable.store.setData(bean); }; var yourTable = dojo.widget.byId('yourTableId'); // construct filter based on current FilteringTable sort information var sortInfo = yourTable.sortInformation[0]; var filter = {field:yourTable.columns[sortInfo.index].field,direction:sortInfo.direction,page:currentPage}; // add criteria to filter, dynamically construct your own filter['criteria'] = {firstName:document.getElementById('filterFirstName').value,secondName:document.getElementById('filterSecondName').value}; var deferred = service.rpcMethod(); // start the RPC process deferred.addCallback(rowsCallback); var rowNumCallback = function(rowNumber) { var totalPages = Math.ceil(rowNumber / 10); // call your fillPagination function rendering pagination info fillPagination(totalPages); } // we don't need sort and page info to count rows, just filtering criteria filter = {field:'',direction:1,page:0}; filter['criteria'] = {firstName:document.getElementById('filterFirstName').value,secondName:document.getElementById('filterSecondName').value}; var deferred = service.getRowCount(filter); // start the RPC process deferred.addCallback(rowNumCallback); } fillPagination = function(totalPages) { var el = document.getElementById('testTablePagination'); el.innerHTML = 'Pages: '; for (var i = 0; i < totalPages; i++) { if (currentPage == i) { el.innerHTML += '<b>' + (i + 1) + '</b> '; } else { el.innerHTML += '<a href="#" onclick="currentPage=' + i + '; refreshData();">' + (i + 1) + '</a> '; } } } </script> <script type="text/javascript"> dojo.addOnLoad(function() { var yourTable = dojo.widget.byId('yourTableId'); alert('success'); yourTable.createSorter = function() { return null;}; dojo.event.connect("after", yourTable, "onSelect", function () { onSelectFunc(); }); dojo.event.connect("after", yourTable, "onSort", function () { refreshData(); }); refreshData(); }); </script>
the problem in line
var yourTable = dojo.widget.byId('yourTableId');
this statement don't execute properly when i put the
alert(1);
for example the alert dos not appear
i am using firefox
A day job? In an office? My worst nightmare! Comfort me tiny ad!
a bit of art, as a gift, that will fit in a stocking
https://gardener-gift.com
reply
reply
Bookmark Topic
Watch Topic
New Topic
Boost this thread!
Similar Threads
dojo loading FilteringTable problem
loading data from dojo rpc to dojo datagrid
DOJO Grid and JSON
Help needed with DOJO and JSP
dojo and javascript DOM issue
More...