I think I start to understand what going on...
For a reason that I ignore the form tag of my embedded component form is
not present when I use modal, but it is present if I use jQuery .dialog()
Richard
On Fri, Nov 2, 2012 at 9:34 AM, Richard Vézina
<ml.richard.vez...@gmail.com>wrote:
> Hello,
>
> Thanks for you help...
>
> My code look pretty much like the one of LightDot. I will double check for
> the details.
>
> To your question LightDot, yes I mean the page that contain the load
> component reload when the form included in the component is submit, since
> the page that contain the component is also a form. Maybe both form share
> the same id or name...
>
> I will check my code.
>
> Richard
>
>
> On Fri, Nov 2, 2012 at 6:28 AM, LightDot <light...@gmail.com> wrote:
>
>> I simply did (actual functions etc. are stripped out, so some minor
>> detail about displaying the data after it has been processed might be
>> missing):
>>
>> View:
>>
>> <div id="some_btn"><a class="btn btn-success btn-mini" data-target=
>> "#some_modal" data-toggle="modal"><i class="icon-search icon-white"></i>Open
>> modal
>> </a></div>
>> <div id="some_modal" class="modal hide fade">
>> <div class="modal-header"><button type="button" class="close"
>> data-dismiss="modal">×</button> </div>
>> <div class="modal-body">{{=LOAD('controller','somepage.load',
>> ajax=True, ajax_trap=True, user_signature=True)}}</div>
>> <div class="modal-footer"> </div>
>> </div>
>>
>> Controller:
>>
>> def somepage():
>> form = SQLFORM.factory(
>> Field('somefield'),
>> Field('anotherfield'),
>> formname='some_form',
>> formstyle='bootstrap')
>> if form.process(session=None, formname='some_form').accepted:
>> response.flash = None
>> ...do what you need to do...
>> elif form.errors:
>> response.flash = None
>> ...do what you need to do...
>> return dict(functionresult=functionresult)
>>
>> somepage.load:
>>
>> <form id="some_form_modal" class="form-inline">
>> <div class="input-prepend">
>> <span class="add-on">www.</span>
>> <input name="somefield" type="text" class="input-medium"
>> placeholder="server">
>> <select name="anotherfield" class="span1">...dropdown data...
>> </select>
>> <input type="hidden" name="_formname" value="some_form" />
>> </div>
>> <button type="submit" class="btn btn-success"><i class="icon-search
>> icon-white"></i> ..Submit button txt...</button>
>> </form>
>> <div id="some_form_result">
>> ...I'm displaying data processed by a function here...
>> </div>
>>
>>
>> I'm not displaying the SQLFORM.factory in the view, since in my case it
>> was more efficient to create a custom form. You could display the
>> SQLFORM.factory or the fully fledged SQLFORM, if this suits your need.
>>
>> Regards,
>> Ales
>>
>>
>>
>> On Friday, November 2, 2012 8:38:37 AM UTC+1, Annet wrote:
>>>
>>> Hi Richard,
>>>
>>> Here's how I implemented Bootstrap Modal:
>>>
>>> Button in the view:
>>>
>>> <a class="btn btn-primary btn-mini" href="{{=URL('event',args=r.id**)}}"
>>> data-toggle="modal"
>>> data-target="#eventModal">{{=**T("View details")}} »</a>
>>>
>>> At the bottom of the same view:
>>>
>>> <script type="text/javascript">
>>> $("a[data-toggle=modal]").**click(function (e) {
>>> target = $(this).attr('data-target')
>>> url = $(this).attr('href')
>>> $(target).load(url);
>>> })
>>> </script>
>>>
>>> <div id="eventModal" class="modal hide fade">
>>> </div> <!-- /modal -->
>>>
>>> Kind regards,
>>>
>>> Annet
>>>
>> --
>>
>>
>>
>>
>
>
--
