Twitter bootstrap手风琴不会崩溃(Twitter bootstrap accordion not collapsing)
我的Bootstrap手风琴没有崩溃。 它使用JSON（Header和Content）填充，我使用Knockout来执行此操作。 但由于某种原因，它似乎没有崩溃，甚至没有起到手风琴的作用。 这是我的代码：
var data = { "d": [ { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.AvailibleStock", "WarehouseID": 1, "ProductSKUID": 1, "ProductSKUName": "Decoder 1132", "WarehouseName": "SoftwareDevelopmentTest", "Status": "Staging", "QtyUnassigned": 10 }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.AvailibleStock", "WarehouseID": 1, "ProductSKUID": 2, "ProductSKUName": "Decoder 1131", "WarehouseName": "SoftwareDevelopmentTest", "Status": "Staging", "QtyUnassigned": 5 } ] }; var data2 = { "d": [ { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 2, "LotID": 2, "LotName": "TestLot2", "AreaID": 8, "AreaName": "TestArea3L2", "BinID": 18, "BinName": "Area8Bin2" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 2, "LotID": 3, "LotName": "TestLot3", "AreaID": 11, "AreaName": "TestArea2L3", "BinID": 20, "BinName": "Area10Bin1" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 2, "LotID": 4, "LotName": "TestLot4", "AreaID": 15, "AreaName": "TestArea2L4", "BinID": 24, "BinName": "Area14Bin1" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 1, "LotID": 2, "LotName": "TestLot2", "AreaID": 8, "AreaName": "TestArea3L2", "BinID": 18, "BinName": "Area8Bin2" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 1, "LotID": 3, "LotName": "TestLot3", "AreaID": 11, "AreaName": "TestArea2L3", "BinID": 20, "BinName": "Area10Bin1" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 1, "LotID": 4, "LotName": "TestLot4", "AreaID": 15, "AreaName": "TestArea2L4", "BinID": 24, "BinName": "Area14Bin1" } ] }; var ProductViewmodel; //debugger; //Binds ViewModel function bindProductModel(Products) { var self = this; self.items = ko.mapping.fromJS([]); ProductViewmodel = ko.mapping.fromJS(Products.d, self.items); console.log(ProductViewmodel()); } //Binds First DataSet function bindModel(vm, data) { var self = this; vm.Locations = ko.mapping.fromJS(data.d); console.log(ProductViewmodel()); $('#accordion2').collapse({ toggle: false }) } //Starting Function $(document).ready(function () { bindProductModel(data); bindModel(ProductViewmodel()[0], data2); ko.applyBindings(ProductViewmodel); })这是HTML：
<div class="accordion" id="accordion2" data-bind="foreach: items"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#" data-bind="text: ProductSKUName"></a> </div> <div id="collapseOne" class="accordion-body collapse in"> <div class="accordion-inner"> <div id="injectbody"> <table class="table table-striped"> <thead> <tr> <th> # </th> <th> Lot </th> <th> Area </th> <th> Bin </th> <th> Qty To Assign </th> </tr> </thead> <tbody data-bind="foreach: Locations"> <tr> <td id="Assign"> <input type="checkbox" /> </td> <td id="Lot" data-bind="text: LotName"> </td> <td id="Area" data-bind="text: AreaName"> </td> <td id="Bin" data-bind="text: BinName"> </td> <td id="QtyToAssign"> <input type="text" /> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div>任何帮助，将不胜感激。
My Bootstrap Accordion is not collapsing. It is populated with JSON (Header and Content) and I use Knockout to do this. But for some reason it does not seem to collapse or even function as an accordion. Here is my code:
var data = { "d": [ { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.AvailibleStock", "WarehouseID": 1, "ProductSKUID": 1, "ProductSKUName": "Decoder 1132", "WarehouseName": "SoftwareDevelopmentTest", "Status": "Staging", "QtyUnassigned": 10 }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.AvailibleStock", "WarehouseID": 1, "ProductSKUID": 2, "ProductSKUName": "Decoder 1131", "WarehouseName": "SoftwareDevelopmentTest", "Status": "Staging", "QtyUnassigned": 5 } ] }; var data2 = { "d": [ { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 2, "LotID": 2, "LotName": "TestLot2", "AreaID": 8, "AreaName": "TestArea3L2", "BinID": 18, "BinName": "Area8Bin2" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 2, "LotID": 3, "LotName": "TestLot3", "AreaID": 11, "AreaName": "TestArea2L3", "BinID": 20, "BinName": "Area10Bin1" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 2, "LotID": 4, "LotName": "TestLot4", "AreaID": 15, "AreaName": "TestArea2L4", "BinID": 24, "BinName": "Area14Bin1" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 1, "LotID": 2, "LotName": "TestLot2", "AreaID": 8, "AreaName": "TestArea3L2", "BinID": 18, "BinName": "Area8Bin2" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 1, "LotID": 3, "LotName": "TestLot3", "AreaID": 11, "AreaName": "TestArea2L3", "BinID": 20, "BinName": "Area10Bin1" }, { "__type": "Warehouse.Tracntrace.Members_Only.DLL.StockMovement.StockReturnMethod", "WarehouseID": 1, "ProductSKUID": 1, "LotID": 4, "LotName": "TestLot4", "AreaID": 15, "AreaName": "TestArea2L4", "BinID": 24, "BinName": "Area14Bin1" } ] }; var ProductViewmodel; //debugger; //Binds ViewModel function bindProductModel(Products) { var self = this; self.items = ko.mapping.fromJS([]); ProductViewmodel = ko.mapping.fromJS(Products.d, self.items); console.log(ProductViewmodel()); } //Binds First DataSet function bindModel(vm, data) { var self = this; vm.Locations = ko.mapping.fromJS(data.d); console.log(ProductViewmodel()); $('#accordion2').collapse({ toggle: false }) } //Starting Function $(document).ready(function () { bindProductModel(data); bindModel(ProductViewmodel()[0], data2); ko.applyBindings(ProductViewmodel); })Here is the HTML:
<div class="accordion" id="accordion2" data-bind="foreach: items"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#" data-bind="text: ProductSKUName"></a> </div> <div id="collapseOne" class="accordion-body collapse in"> <div class="accordion-inner"> <div id="injectbody"> <table class="table table-striped"> <thead> <tr> <th> # </th> <th> Lot </th> <th> Area </th> <th> Bin </th> <th> Qty To Assign </th> </tr> </thead> <tbody data-bind="foreach: Locations"> <tr> <td id="Assign"> <input type="checkbox" /> </td> <td id="Lot" data-bind="text: LotName"> </td> <td id="Area" data-bind="text: AreaName"> </td> <td id="Bin" data-bind="text: BinName"> </td> <td id="QtyToAssign"> <input type="text" /> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div>Any help with this will be greatly appreciated.
原文：https://stackoverflow.com/questions/14208604
更新时间：2023-03-11 17:03
最满意答案
在您的
OrderSearch代码中，您没有对OrderSearch进行验证[['createdAtDate'], 'safe'],安全条款仅用于允许通过邮寄方式发送到目的地
并不是日期的适当验证规则..
使用适当的验证规则更改安全
In your
OrderSearchcode you don't have validation forcreatedAtDate[['createdAtDate'], 'safe'],the safe clause is only for allow the send by post method to the destination
and is not a properly validation rule for a date ..
change safe with a proper validation rule
相关问答
更多-
在您的OrderSearch代码中，您没有对OrderSearch进行验证 [['createdAtDate'], 'safe'], 安全条款仅用于允许通过邮寄方式发送到目的地 并不是日期的适当验证规则.. 使用适当的验证规则更改安全 In your OrderSearch code you don't have validation for createdAtDate [['createdAtDate'], 'safe'], the safe clause is only for al ...
-
添加规则 [['title','date'], 'safe'], add // Convert date to Unix timestamp if (!empty($params[StringHelper::basename(self::className())]['date'])) { $query->andFilterWhere([ 'date' => strtotime($params[StringHelper::basename(self::className())]['d ...
-
首先（不要使用这个，我会告诉你一个逻辑错误）： ->joinWith('application b',true , 'INNER JOIN') U为application b设置别名，然后在GridView使用application 。 无论如何，如果你在GridView中将它重命名为b ，它仍然很糟糕。 基于这个答案： 型号表二： public function getTableOneRecord() { return $this->hasOne(TableOne::className(), [ ...
-
没有gridview的搜索结果不会显示在Yii2中(The results of search without gridview doesn't displaying in Yii2)[2023-09-26]
您在site/index有一个表单，并且它正在提交到同一页面。 如果您想在另一个操作中处理表单数据，则需要在表单中添加它： $form = ActiveForm::begin([ 'action' => ['site/search'] ]); 更多信息在这里 。 而且，正如@makie在评论中所说，你应该使用render（）而不是include（）来渲染部分视图。 You have a form in site/index and it's submitting to the same page. ... -
解决问题是我没有在gridview中将id分配给Pjax。 'gridresult']) ?> 我已经分配了_search .php的 Pjax id。 我更改了From： $.pjax.reload({url: url, container:'#gridresult'}); TO： $.pjax.reload({url: url, container:'#gridresult'}); Solved The problem was ...
-
因此，默认情况下，当您在site控制器中调用render('index')时，Yii将在web/views/site文件夹中查找名为index.php的文件。 这包含您的site/index视图文件。 它应该在您创建网站时存在，但如果您还没有，那么它必须在某个阶段被删除。 创建文件并输入您的视图代码，您应该很高兴。 So, by default, when you call render('index') in the site controller, Yii will look in the folder ...
-
使用GridView的dataProvider属性中指定的数据模型填充GridView 。 在您的代码中，这是$dataProvider 。 因此，在准备$dataProvider时需要应用过滤器active=1 。 UPDATE 根据您的控制器代码，您应该在MissingSearch模型的search功能中设置过滤器。 public function search($params) { $query = Missing::find()->where(['active' => 1]); / ...
-
首先，在camelcase中命名你的关系： getUser(){...} getLanguages(){...} 然后，在网格视图中使用关系名称： $dataProvider, 'filterModel' => $searchModel, 'columns' => [ ['class' => 'yii\grid\SerialColumn'], 'userID', ...
-
我找到了解决方案。 我可以使用validationOnBlur，如果我在特定字段上将它设置为false，它可以解决问题。 field($model, 'client_end_date', ['validateOnBlur' => false])->textInput(['readonly' => 'readonly']); ?> I found a solution. I can use validationOnBlur, if I set it to false o ...
-
尝试这个 $query->andFilterWhere([ 'DATE_FORMAT(contacts.modified, "%Y-%m-%d")' => \Yii::$app->formatter->asDate($this->modified, 'yyyy-MM-dd'), ]); 参考asDate（） Try this $query->andFilterWhere([ 'DATE_FORMAT(contacts.modified, "%Y-%m-%d")' => \Yii::$app ...