TextBox

Definierad i Dynamix.Content5.Controls

Används för att låta besökaren mata in en text. Kontrollen ärver från System.Web.UI.WebControls.TextBox och tillför funktionalitet bl a för koppling till knappar.

Automatisk klickning på knappar

Egenskaperna ClickOnEnterKeyControl och ClickOnEnterKeyControlId kan användas för att automatiskt "klicka" på en annan kontroll, oftast en knapp, när besökaren trycker på enter-knappen i textfältet.

Exempel:

  1. <dx5c:TextBox ID="myTextBox" runat="server" ClickOnEnterKeyControlId="myButton" />
  2. <asp:Button runat="server" id="myButton" />

När användaren trycker på enter i textboxen myTextBox kommer knappen myButtons click()-event att köras på klienten. Eftersom knappen i det här fallet även kör på servern kommer dess Click-event att köras.

Det går också att sätta kopplad kontroll i kod med:

  1. myTextBox.ClickOnEnterKeyControl = myButton;

Resurser

TextBox implementerar IResourceBasedControl. I ärvda kontroller kan man alltså lägga till önskade resurser i RequiredResources. Om en kopplad kontroll är satt via ClickOnEnterKeyControl kommer javascript-resursen TextBox (och därmed JQuery) att inkluderas.

Css och markup

Som standard används css-klassen "dxTextBox", fullständig standardmarkup är:

  1. <input name="myTextBox" type="text" id="myTextBox" class="dxTextBox" />

med kopplad klick-kontroll renderas också:

  1. <script src="/DynamixPublic/JS/jquery-1.3.2.min.js?T=633951823140451552" type="text/javascript"></script>
  2. <script src="/DynamixPublic/JS/Content/TextBox.js?T=634007240753656276" type="text/javascript"></script>
  4. ...
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. DxTextBoxManager.RegisterClickOnEnterKey('myTextBox','myButton');
  9. //]]>
  10. </script>