私はそれにいくつかのデータを含むテーブルとそれ以外のフォームを持っています。テーブルの任意の行をクリックするとこのフォームをバインドしています。これは、それぞれの行に関連するデータがデータベースからのフォームに入力されることを意味します。私の懸念は、データベースからのこのデータのうち、フィールドの1つが「def_text」であり、基本的にHTML形式で保存されていることですが、バインドしているフォームでプレーンテキスト形式で表示したい.
<form class="form report live " data-table="contractlistTable" id="contractlistForm" data-bind="foreach:items" target="_blank" method="post">
<input type="hidden" name="pid" id="pid" />
<div class="control-group ">
<label class="control-label">Title</label>
<div class="controls">
<input type="text" id="title" name="title" required title="required" placeholder="title" data-bind="value:title" />
<input type="checkbox" id="active" name="active" class="check" data-bind="checked: active=='true'" />Active
</div>
</div>
<div class="control-group ">
<label class="control-label">Default Text</label>
<textarea id="def_text" name="def_text" class="htmleditor" rows="9" cols="50" style="width: 600px; height: 190px;" data-bind="value:def_text"> </textarea>
</div>
</form>
これはフォームで、テーブルのコードは次のとおりです。
<table class="table table-hover table-bordered" id="contractlistTable" style="width: 304px;">
<thead>
<tr>
<th>Title</th>
<th>Active</th>
</tr>
</thead>
<tbody data-bind="foreach:items" class="bindable" data-model="companycontract">
<tr data-bind="attr:{'data-value': id,'data-index':$index}">
<td data-bind="text:title"></td>
<td>
<!-- ko if:active === 'true' -->
<span class="badge badge-success"></span>
<!-- /ko -->
<!-- ko if: active === 'false' -->
<span class="badge"></span>
<!-- /ko -->
</td>
</tr>
</tbody>
</table>
そしてそれをバインドするために、私はKnockout.jsを使用しています
$(function () {
var myForm = "";
var formFields;
$("#contractlistTable tbody tr").live('click', function () {
var data = [model.companycontract[$(this).attr("data-index")]];
if (!!formFields) formFields.refill(data);
else {
formFields = new DynamicModel(data);
ko.applyBindings(formFields, document.getElementById("contractlistForm"));
};
var id = [$(this).attr("data-value")];
var kunnr = $('#kunnr').val();
$('.report').attr("action", 'http://wcidevapps.com/salescentral/pcontract.php?ct=i&knr=' + kunnr + '&cid=' + id);
});
});
だからこれで私を助けてください..