これらすべての jquery プラグインをうまく連携させるのに苦労しています。具体的には、autogrow プラグインも Elastic プラグインも、datatables および markEditable プラグインでは機能しないようです。コード スニペットを次に示します。
<script type="text/javascript" language="javascript" src="/scripts/jquery.jeditable.js"></script>
<script type="text/javascript" language="javascript" src="/scripts/jquery.dataTables.editable.js"><\/script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var oTable = $( '#beta' ).dataTable( {
"sPaginationType": "full_numbers",
"aoColumnDefs": [ { "bVisible": false, "aTargets": [ 7 ] } ],
"aaSorting": [[ 1, "desc" ]],
"sDom": 'lfr<"giveHeight"t>ip'
}).makeEditable( {
sUpdateURL: "/testdb/cgi-bin/betaTags.cgi",
"aoColumns": [ null,
{
indicator: 'Saving Status...',
tooltip: 'Click to select tag status',
loadtext: 'loading...',
type: 'select',
submit: 'Ok',
data: "{'':'Please select...', '1':'Open','2':'Done','3':'In test'}",
sUpdateURL: function(value, settings) {
... some code to handle the select menu
}
},
null,
null,
{
indicator: 'Saving Post Create Problems Note...',
tooltip: 'Click to edit Post Create Problems Note',
type: 'textarea',
submit:'OK',
cancel : 'Cancel',
sUpdateURL: function(value, settings) {
... some code to handle the textarea cell
}
},
null,
{
indicator: 'Saving Answer Changes Note...',
tooltip: 'Click to update Answer Changes Note',
type: 'textarea',
submit:'OK',
cancel : 'Cancel',
sUpdateURL: function(value, settings) {
... some code to handle another textarea cell
}
}
]
} );
} );
</script>
これは正常に機能しますが、dataTable の textarea セルに autogrow または Elastic メソッドを追加しようとしても、何もしません。さまざまな jquery プラグインが互いに連携して動作することを示す多くの例を見つけることができませんでしたが、誰かが記事やリソースを教えてくれれば、非常にありがたいです!