Show Message In jQuery Repeater When Validate Or Update
Introduction/Catalog
Download sample: JQueryElementDemo-en.zip, the directory is /repeater/Default.aspx.
This article will explain in detail how to prompt message in Repeater
, such as data is downloaded successfully, the content of field does not meet the requirements, the directory is as follows:
- Prepare
- Set TipTemplate
- Method showtip
- Property FieldMask
- Timeliness Of Messages
Prepare
Please view the prepare section at 30 Minutes Grasp ASP.NET jQuery Repeater.
Set TipTemplate
If you want the repeater to display some message, you first need to set the TipTemplate template:
<TipTemplate>
<tr>
<td colspan="6" class="tip">
@{tip,(++tipCount).toString() + ' :' + @}
</td>
</tr>
</TipTemplate>
In code, use *`@{<attribute name>[,<attribute expression>]}`
* to bind attribute tip, tip is text that you need to display. It's similar with binding field, except that #
indicates that the field, and @
indicates that the attribute, you can refer to Binding And Handling JSON Field In jQuery Repeater. Contents of the tip may be from showtip
method may also come from FieldMask
property.
Method showtip
Use <repeater variable>.__repeater('showtip', '<message>')
to display a message in repeater
:
<je:Repeater ID="orderList" runat="server"
...
Filled="
function(pe, e){
orderList.__repeater('showtip', e.custom.message);
}
" PreUpdate="
function(pe, e){
orderList.__repeater('showtip', 'Submit data...');
}
" Updated="
function(pe, e){
if(e.issuccess)
orderList.__repeater('showtip',
'Has saved order which id is ' + e.row.id.toString() +
' and sum is ' + e.row.sum.toString());
else
orderList.__repeater('showtip',
'Fail to save order which id is ' + e.row.id.toString());
}
" PreInsert="
function(pe, e){
orderList.__repeater('showtip', 'Submit data...');
}
" Inserted="
function(pe, e){
if(e.issuccess)
orderList.__repeater('showtip',
'Has created order whick id is ' + e.row.id.toString() +
' and sum is ' + e.row.sum.toString());
else
orderList.__repeater('showtip',
'Fail to create order which id is ' + e.row.id.toString());
}
">
</je:Repeater>
In the example above, showtip
method is called, passing the string
to display, but in Filled
property, we pass e.custom.message
, this is the message returned from the server.
Property FieldMask
FieldMask
is used to validate the fields, but because FieldMask
contains an error message, so the repeater
will display the error message when a validation error:
<script type="text/javascript">
var mask = {
amount: {
type: 'number',
need: true,
max: 10,
min: 1,
tip: 'Amount required between 1-10'
},
price: {
type: 'number',
need: true,
max: 10000,
min: 1000,
tip: {
type: 'Please input a number for price',
need: 'Please input price',
max: 'Price cannot exceed 10,000',
min: 'Price cannot be less than 1000'
}
},
buyer: {
type: 'string',
need: true,
max: 10,
min: 3,
tip: 'Length of buyer required between 3-10'
},
address: {
type: 'string',
min: 1,
max: 100,
tip: 'Length of buyer required between 1-100'
},
orderdate: {
type: 'date',
tip: 'Need a valid date'
},
iscompleted: {
type: 'boolean',
defaultvalue: false
}
};
</script>
<je:Repeater ID="orderList" runat="server"
...
FieldMask="mask"
... >
</je:Repeater>
In the code, FieldMask
was assigned as variable mask and mask contains the rules for validation, you can refer the Field Settings section to 30 Minutes Grasp ASP.NET jQuery Repeater.
Tip in the mask can be a string
or an object
that contains more specific message.
Message is done automatically by repeater
, if set a valid TipTemplate
.
Timeliness Of Messages
When you want to display a new message, or repeater
to rebind the data, the original message is replaced or hidden. Edit a row, jump to the next page, call the fill
method gives the repeater
to rebind the data.
发表评论
iWBatX Looking forward to reading more. Great blog article. Really Great.
zoL0eG A big thank you for your post.Really thank you! Really Great.
tramadol online no prescription mastercard - buy cheap tramadol online
where to buy tramadol online safely - tramadol for dogs side effects
tramadol withdrawal pain - tramadol high how much
tramadol high grasscity - tramadol hcl 50 mg headaches
buy tramadol cod next day delivery - tramadol online missouri
tramadol 7.5 - tramadol addiction withdrawal
tramadol 50mg dosage humans - 100mg of tramadol high
tramadol sr 100 mg side effects - tramadol withdrawal restless arms
tramadol no prescription pharmacy - good place buy tramadol online