多くの場合、それぞれ異なるパラメーター設定が必要ないくつかの領域で jeditable を使用する必要があることがわかります。
たとえば、autosuggest 入力タイプで jeditable を使用してから、さまざまなデータ ソースをさまざまな入力に渡す必要があります。
編集可能なプラグインのインスタンスを 1 つだけ使用したくて、スクリプトに属性値を割り当てようとしましたが、明らかに、これは私がアプローチしている方法では機能しません..
誰かが私を少し案内してくれることを願っています..
基本的に、操作しているdom要素の属性の値に基づいて、jeditableパラメーター値を設定できるようにしたいと考えています。
何かのようなもの:
$('.editme').editable('savedata.php',{
loadurl : 'loaddata.php',
loaddata : { handle: $(this).attr('rel') }
});
次に、さまざまなロード ソースを次のように指定するだけです。
<div id="fruits" class="editme" rel="myfruits">apples</div>
このように機能するキーワードthisが見つかりませんでした..
jeditableバインディングごとに動的に操作されているdom要素の属性にアクセスするにはどうすればよいですか?
私がやりたいことの別の例を次に示します。
// extend jeditable with autocomplete
$.editable.addInputType('autoc', {
element: function(settings, original) {
var input = $("<input />").autocomplete(settings.mdata, settings.autoc);
$(this).append(input);
return input; }
});
$('.editable.authors').editable('savedata.php',{
type : "autoc",
mdata : $(this).attr('rel'), // should hold the name 'authorsList'
onblur : 'ignore',
autoc : { multiple: true,
multipleSeparator: ',' },
loadurl : 'loaddata.php',
loadtype : 'POST',
loaddata : {handle: function(){ return eval($("#objhandle").val())}, lookuptype: 'mirror'},
submit : 'save',
cancel : 'cancel',
tooltip : "Click to edit",
style : "inherit",
cssclass : 'jedi',
id : "field",
name : "data",
submitdata : {
storetype: 'mirror',
handle: function(){return eval($("#objhandle").val())},
timestamp: function(){return eval($("#objtimestamp").val())}
}
});