1

私は基本的なフォームとスキーマを持っています..

class NewSchema(colander.MappingSchema):
        name = colander.SchemaNode(colander.String(),
            widget=text_input)

schema = NewSchema()
myform = Form(schema, buttons=('submit'))

これで問題なく動作しますが、カスタム css クラスを送信ボタンに渡したいので、次のことを期待します。

schema = PaymentSchema()
myform = Form(schema, buttons=('submit', css_class="someclass"))

しかし、これは機能しません。このクラス属性をこのようなボタンに渡すにはどうすればよいですか?

編集:私も試しました:

butt = deform_form.Button(name='submita', css_class="test")
schema = PaymentSchema()
myform = Form(schema, buttons=(butt,))

htmlをレンダリングするもの

<div class="actions">

    <button
        id="deformsubmita"
        name="submita"
        type="submit"
        class="btn btnText submit primaryAction"
        value="submita"

        >
    <span>Submita</span>
    </button>

</div>
4

1 に答える 1

2

最初のコード例は機能しません。2 番目は正しい軌道に乗っていますが、変形ボタンのクラス名にタイプミスがある可能性があります。あなたのものと私のものを比較してください。あなたはほとんどそれを手に入れました、試し続けてください。

API ドキュメントによると、一連の文字列または一連のボタン オブジェクトを渡します。

ボタン

フォームの下部に配置される送信ボタンを表す一連の文字列または destroy.form.Button オブジェクト。シーケンスで文字列が渡されると、deform.form.Button オブジェクトに変換されます。

したがって、CSS クラスが適用された単一のボタンをbuttons作成し、フォームの作成中にタプルにパラメーターとして渡します。この例では、deform2.0a2を使用しています

class WikiViews(object):
    def __init__(self, request):
        self.request = request

    @property
    def wiki_form(self):
        schema = WikiPage()
        submit = deform.Button(name='submit', css_class='red')
        return deform.Form(schema, buttons=(submit,))

    @view_config(route_name='wikipage_add',
             renderer='deform2_demo:templates/wikipage_addedit.pt')
    def wikipage_add(self):
        form = self.wiki_form.render()
        ...

変形はこれを HTML にレンダリングします:

    <form id="deform" method="POST" enctype="multipart/form-data" accept-charset="utf-8" class="deform">

      <fieldset class="deformFormFieldset">   

        <input type="hidden" name="_charset_">
        <input type="hidden" name="__formid__" value="deform">

         <div class="form-group  item-title" title="" id="item-deformField1">    
           <label for="deformField1" class="control-label required" id="req-deformField1">Title</label>    
           <input type="text" name="title" value="" id="deformField1" class=" form-control ">

         </div>

         <!-- removed HTML for more deform fields -->

         <div class="form-group">
           <button id="deformsubmit" name="submit" type="submit" class="btn btn-primary red" value="submit">Submit</button>

         </div>
      </fieldset>

    </form>
于 2014-02-20T11:16:44.563 に答える