Click here to Skip to main content
15,918,808 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Hi Expert,

I am Uday Satardekar,

I am designing floor plan example.

There is one div of size 400px in width and 100px in height.


In that there are 4 ResizableControlExtender. Here maximum height of these controls are 100px.

Now when user resize these control,i need to validate the width of these controls, so it can not exeeds more than 400px.

so please help me to solve this problem.

How i can validate width of ResizableControlExtender on OnClientResize or OnClientResizing event.

Thanks in advance.
Posted
Updated 1-Jun-12 19:10pm
v2

1 solution

I Solved this problem.

In Javascript i have used $find,get_Size and set_Sixe() to read, and set size of resizedcontrolextennder.

ex
C#
function OnClientResizingPanel1(sender, eventArgs) {
                          var chkExist1=$find('ResizableControlExtender1');
                          var chkExist2=$find('ResizableControlExtender2');
                          var chkExist3=$find('ResizableControlExtender3');

                          var v1=0,v2=0,v3=0;

                          var rzCntrExt1 = new Object;
                          var rzCntrExt2 = new Object;
                          var rzCntrExt3 = new Object;
                           if (typeof chkExist1 !='undefined' && chkExist1 !=null)
                           {

                           try{
                           rzCntrExt1.width = $find('ResizableControlExtender1').get_Size().width;
                           v1=rzCntrExt1.width;

                           }catch(e)
                           {
                           alert(e);
                           }
                           }
                            if (typeof chkExist2 !='undefined' && chkExist2 !=null)
                           {
                           try{
                               rzCntrExt2.width = $find('ResizableControlExtender2').get_Size().width;
                               v2=rzCntrExt2.width;

                               }catch(e)
                           {
                           alert(e);
                           }
                           }
                            if (typeof chkExist3 !='undefined' && chkExist3 !=null)
                           {
                           try{
                               rzCntrExt3.width = $find('ResizableControlExtender3').get_Size().width;
                               var v3=rzCntrExt3.width;
                               }catch(e)
                           {
                           alert(e);
                           }
                           }

                             var totalWidth = new Number(v1) + new Number(v2)+new Number(v3);

                             if(totalWidth>580)
                             {
                                     alert('you have  exceed the limit');
                                     sender.set_Size(defaultSize);
                                }
                             }
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900