>>>Hi everybody,
>>>
>>>I have a form with multiple tabs. One tab form has the following code right now
>>>
>>>
>>>ng-form name="editAccountInvoices">
>>> <div class="checkbox" ng-show="!isNew">
>>> <label>
>>> <input type="checkbox" name="showFinalized" id="showFinalized"
>>> ng-model="showFinalized"
>>> />Show Finalized Invoices
>>> </label>
>>> </div>
>>> <div id="_actions" class="padd">
>>> <div class="gridStyle" ng-grid="gridOptions"></div>
>>> </div>
>>></ng-form>
>>>
>>>
>>>I also plan to add the search textbox later on to be able to filter the grid's data.
>>>
>>>Now, apart from that ngGrid is not yet working with navigation I have another problem. When I click on the checkbox and when try to navigate away from that form, I get a prompt about data changes. I want to avoid this prompt as that checkbox is used only for filtering.
>>>
>>>Do you know how to solve that problem?
>>>
>>>I did a quick google search, but not too extensive and didn't find anything.
>>>
>>>Thanks in advance.
>>
>>Just put it outside the form....
>
>Do you mean above the ng-form tag? I'll try that but this form is part of the main editForm which has at the top
>
>
><form name="form" novalidate role="form"
> data-sm:dirty-check data-server:error ng-show="showForm" class="ng-cloak">
>
>and the form I showed is used as a tab
>
>
><div class="tab-pane" id="invoices">
> @Html.Partial("EditAccountInvoices")
> </div>
If it doesn't work look at the options here :
http://stackoverflow.com/questions/17089090/prevent-input-from-setting-form-dirty-angularjs