twitter-bootstrap - YII：TbButtonのIDを設定できませんか？

Question

ボタンを生成するビューがあります。

$view->widget('bootstrap.widgets.TbButton', array(
    'id'         =>   'removeButton',
    'label'      =>  $label,
    'buttonType' => 'ajaxButton', 
  ... etc

ボタンが生成され、コードを調べると、次のように表示されます。

<button name="yt0" id="yt0" class="btn btn-primary btn-large" data-loading-text="loading...."  type="button">Add to Cart</button>

名前とIDの両方がyt0であり、指定した「removeButton」ではないのはなぜですか？

Answer 1

そのはず：

$view->widget('bootstrap.widgets.TbButton', array(
  'htmlOptions'   => array('id'=> 'removeButton'),
   etc

Answer 2

完全な例：

<?php
$this->widget('bootstrap.widgets.TbButton', array(
    'buttonType' => 'submit',
    'type' => $model->isNewRecord ? 'primary' : 'info',
    'label' => $model->isNewRecord ? 'Create' : 'Save',
    'loadingText' => 'Saving...',
    'htmlOptions'   => array('tabindex'=>7, 'id'=>'submit-button', 'class'=>'buttonStateful'),
));
?>


<script>
$('.buttonStateful').click(function() {
    var btn = $(this);
    btn.button('loading'); // call the loading function
    setTimeout(function() {
        btn.button('reset'); // call the reset function
    }, 3000);
});
<