Using jquery multiselect widget in cells doesn't appear on page 2 3 4 etc?
Using jquery multiselect widget in cells doesn't appear on page 2 3 4 etc?
Hello,
I'm using this jquery multi select widget http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ it is placed in a few columns of a table. The html for the select menu appears in all the cells on page 2 3 etc it's just the button code not being generated. Any idea what I can the button to appear. My tables are loaded client side right now. Code is below, and function at the bottom initializes the multiselect.
Thanks
[code]
var oTable4;
$(document).ready(function() {
oTable4 = $('#keywords').dataTable( {
"sDom":'t<"bottom"filp><"clear">',
"bAutoWidth": false,
"sPaginationType": "full_numbers",
"aoColumns": [
{ "bSortable": false, "sWidth": "10px" },
null,
null,
null,
null,
null,
null,
null,
null,
null
]
}
).makeEditable({
sUpdateURL: "UpdateData.php",
"aoColumns": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
{
tooltip: 'Click to link to',
type: 'text',
submit:'Ok',
cancel:'Cancel',
width: "100px"}
]
});;
});
$(function(){
$("select.multiselect").multiselect({
noneSelectedText: "- select one -",
header: false,
classes: "kw-wrapper fixed kwm-button",
multiple: false,
selectedList: 1
});
});
[/code]
I'm using this jquery multi select widget http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ it is placed in a few columns of a table. The html for the select menu appears in all the cells on page 2 3 etc it's just the button code not being generated. Any idea what I can the button to appear. My tables are loaded client side right now. Code is below, and function at the bottom initializes the multiselect.
Thanks
[code]
var oTable4;
$(document).ready(function() {
oTable4 = $('#keywords').dataTable( {
"sDom":'t<"bottom"filp><"clear">',
"bAutoWidth": false,
"sPaginationType": "full_numbers",
"aoColumns": [
{ "bSortable": false, "sWidth": "10px" },
null,
null,
null,
null,
null,
null,
null,
null,
null
]
}
).makeEditable({
sUpdateURL: "UpdateData.php",
"aoColumns": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
{
tooltip: 'Click to link to',
type: 'text',
submit:'Ok',
cancel:'Cancel',
width: "100px"}
]
});;
});
$(function(){
$("select.multiselect").multiselect({
noneSelectedText: "- select one -",
header: false,
classes: "kw-wrapper fixed kwm-button",
multiple: false,
selectedList: 1
});
});
[/code]
This discussion has been closed.
Replies
[code]
"fnDrawCallback": function() {
$("select.multiselect").multiselect({
noneSelectedText: "- select one -",
header: false,
classes: "kw-wrapper fixed kwm-button",
multiple: false,
selectedList: 1
});
}
[/code]