我如何在js中获取xeditable的内容

Question

我有以下可编辑的代码：

 $this->widget('editable_ori.Editable', array(   
      'url' => $this->createUrl('index'),
      'pk' => Yii::app()->user->id,
      'name' => 'index',
      'type' => 'text',
      'text' => $data,
      'placement' => 'top',
      'showbuttons' => 'bottom',
      'send' => 'auto',
));

我想在我的 js 中获取该字段的内容。

我尝试使用下面的代码在 js 中获取此内容。但它不起作用

 $(".editable editable-click").text;

Answer 1

• 您在类名editable-click 前缺少.。

• 在类名.editable 后面有一个额外的空格。

• 获取文本的方法是jquery中的text()而不是text属性。

改变

 $(".editable editable-click").text;

到

$(".editable.editable-click").text()

EDIT

您应该在加载可编辑文件后调用脚本，您可以使用事件onInit 从另一个依赖于可编辑输入的文件触发您的 javascript 函数。例如，如果你有一个函数

function myFunction(){
//do something
    $(".editable.editable-click").text()
//do something more
}

那么您应该尝试从onInit 事件中调用该函数，如下所示

$this->widget('editable_ori.Editable', array(   
      'url' => $this->createUrl('index'),
      'pk' => Yii::app()->user->id,
      'name' => 'index',
      'type' => 'text',
      'text' => $data,
      'placement' => 'top',
      'showbuttons' => 'bottom',
      'send' => 'auto',
      'onInit' => 'js:function(){myFunction();}'
));

Answer 2

尝试使用可编辑的onShown 选项，该选项将在可编辑表单显示后立即执行。你可以参考下面的代码。

$this->widget('editable_ori.Editable', array(   
    'url' => $this->createUrl('index'),
    'pk' => Yii::app()->user->id,
    'name' => 'index',
    'type' => 'text',
    'text' => $data,
    'placement' => 'top',
    'showbuttons' => 'bottom',
    'send' => 'auto',
    'onShown' => 'js: function() {
        var txtVal=$(this).data("editable").value;  // This will hold your textbox value as soon as it opens.
        someFunction(txtVal);  //Call your JS function with textbox value as parameter.

    }'
));

然后在你的 JS 函数中，你可以这样做：

<script>
     function someFunction(txtVal)
     {
         //Do anything with editable text box value
     }
</script>

希望对你有所帮助。