https://wiki.itcollege.ee/index.php?action=history&feed=atom&title=Omaloodud_elemendid_%28UserControl%29_ASP.Net%27is
Omaloodud elemendid (UserControl) ASP.Net'is - Revision history
2026-05-06T10:14:20Z
Revision history for this page on the wiki
MediaWiki 1.45.1
https://wiki.itcollege.ee/index.php?title=Omaloodud_elemendid_(UserControl)_ASP.Net%27is&diff=45651&oldid=prev
Mposka: /* Omaloodud elemendid (UserControl) */
2012-01-14T06:18:28Z
<p><span class="autocomment">Omaloodud elemendid (UserControl)</span></p>
<a href="https://wiki.itcollege.ee/index.php?title=Omaloodud_elemendid_(UserControl)_ASP.Net%27is&diff=45651&oldid=44911">Show changes</a>
Mposka
https://wiki.itcollege.ee/index.php?title=Omaloodud_elemendid_(UserControl)_ASP.Net%27is&diff=44911&oldid=prev
Dveltson: /* Omaloodud elemendid (UserControl) */
2011-12-20T08:33:32Z
<p><span class="autocomment">Omaloodud elemendid (UserControl)</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:33, 20 December 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">Line 8:</td>
<td colspan="2" class="diff-lineno">Line 8:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Näiteks lisame oma veebilehele lisaks sildile veel tekstikasti ja nupu ning ütleme, et me soovime reageerida sündmusele, kui keegi klikib sellel nupul. Peale seda väikest täiendust näeb default.aspx<span lang="EN-US" style="mso-ansi-language: EN-US"> content</span> elemendi sisu välja järgmine:</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Näiteks lisame oma veebilehele lisaks sildile veel tekstikasti ja nupu ning ütleme, et me soovime reageerida sündmusele, kui keegi klikib sellel nupul. Peale seda väikest täiendust näeb default.aspx<span lang="EN-US" style="mso-ansi-language: EN-US"> content</span> elemendi sisu välja järgmine:</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins style="font-weight: bold; text-decoration: none;">pre</ins>></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del style="font-weight: bold; text-decoration: none;">span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"</del>><asp:TextBox ID="txtKast" runat="server" /><br /><del style="font-weight: bold; text-decoration: none;"></font></span></span></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><asp:TextBox ID="txtKast" runat="server" /><br /></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><asp:Button ID="bOK" runat="server" Text="Klõpsa siia" OnClick="bOK_Click" /><br /></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><span class="koodisna"><span lang="EN-US"><font size="10.0pt"></del><asp:Button ID="bOK" runat="server" Text="Klõpsa siia" OnClick="bOK_Click" /><br /><del style="font-weight: bold; text-decoration: none;"></font></span></span></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><asp:Label ID="lblInf" runat="server" /></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></<ins style="font-weight: bold; text-decoration: none;">pre</ins>></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><span class="koodisna"><span lang="EN-US"><font size="10.0pt"></del><asp:Label <del style="font-weight: bold; text-decoration: none;"></font></span></span><span class="koodisna"><span lang="SV" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: SV"><font size="10.0pt"></del>ID="lblInf<del style="font-weight: bold; text-decoration: none;"></font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"></del>" runat="server" /></<del style="font-weight: bold; text-decoration: none;">font></span></span</del>></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nüüd tuleb teha ka väikesed täiendused lehekülje koodis default.aspx.cs. Esmalt muudame ära Page_Load sündmuse, kus ütleme, et kui sellele leheküljele tullakse 1. korda, siis tuleb<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> sisu ära kustutada. Kui sama sessiooni ajal tullakse lehele 2st, 3ndat jne korda, siis ei tehta midagi. Lehekülje objekti küljes olev omadus IsPostBack on<span lang="EN-US" style="mso-ansi-language: EN-US"> true</span>, kui ei olda lehel esimest korda.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nüüd tuleb teha ka väikesed täiendused lehekülje koodis default.aspx.cs. Esmalt muudame ära Page_Load sündmuse, kus ütleme, et kui sellele leheküljele tullakse 1. korda, siis tuleb<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> sisu ära kustutada. Kui sama sessiooni ajal tullakse lehele 2st, 3ndat jne korda, siis ei tehta midagi. Lehekülje objekti küljes olev omadus IsPostBack on<span lang="EN-US" style="mso-ansi-language: EN-US"> true</span>, kui ei olda lehel esimest korda.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins style="font-weight: bold; text-decoration: none;">pre</ins>></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del style="font-weight: bold; text-decoration: none;">span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"</del>>protected void Page_Load(object sender, EventArgs e)<del style="font-weight: bold; text-decoration: none;"></font></span></span></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>protected void Page_Load(object sender, EventArgs e)</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"></del>{<del style="font-weight: bold; text-decoration: none;"></font></span></span></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>if (!Page.IsPostBack)</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>lblInf.Text = "";</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"></del>if (!Page.IsPostBack)<del style="font-weight: bold; text-decoration: none;"></font></span></span></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></<ins style="font-weight: bold; text-decoration: none;">pre</ins>></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"></del>lblInf.Text = "";<del style="font-weight: bold; text-decoration: none;"></font></span></span></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">}</del></<del style="font-weight: bold; text-decoration: none;">font</del>><del style="font-weight: bold; text-decoration: none;"></span></span></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Lisaks peame tekitama protseduuri nupu klikile reageerimiseks. Kui keegi klikib nupule, siis muudame ära<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> teksti vastavalt tekstikastis olevale jutule.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Lisaks peame tekitama protseduuri nupu klikile reageerimiseks. Kui keegi klikib nupule, siis muudame ära<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> teksti vastavalt tekstikastis olevale jutule.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
</table>
Dveltson
https://wiki.itcollege.ee/index.php?title=Omaloodud_elemendid_(UserControl)_ASP.Net%27is&diff=8815&oldid=prev
Htahis: /* Omaloodud elemendid (UserControl) */
2010-05-06T12:12:33Z
<p><span class="autocomment">Omaloodud elemendid (UserControl)</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 15:12, 6 May 2010</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">Line 3:</td>
<td colspan="2" class="diff-lineno">Line 3:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="WordSection1"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="WordSection1"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">===</del>=Omaloodud elemendid <span lang="EN-US" style="mso-ansi-language: EN-US">(<span class="SpellE">UserControl</span></span>)<del style="font-weight: bold; text-decoration: none;">===</del>=</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=Omaloodud elemendid <span lang="EN-US" style="mso-ansi-language: EN-US">(<span class="SpellE">UserControl</span></span>)=</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Lisaks pealehtedele saab programmiloogikat jagada ka läbi isetehtud graafilise kasutajaliidese elementide <span lang="EN-US" style="mso-ansi-language: EN-US">(User Controls</span>) e. kasutaja kontrollide (KK). KK on ASP.NET leht ASP.NET lehe sees. KK abil saab kapseldada mingite graafilise liidese elementide kooslust ning funktsionaalsust.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Lisaks pealehtedele saab programmiloogikat jagada ka läbi isetehtud graafilise kasutajaliidese elementide <span lang="EN-US" style="mso-ansi-language: EN-US">(User Controls</span>) e. kasutaja kontrollide (KK). KK on ASP.NET leht ASP.NET lehe sees. KK abil saab kapseldada mingite graafilise liidese elementide kooslust ning funktsionaalsust.</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l11">Line 11:</td>
<td colspan="2" class="diff-lineno">Line 11:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><asp:TextBox ID="txtKast" runat="server" /><br /></font></span></span></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><asp:TextBox ID="txtKast" runat="server" /><br /></font></span></span></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span class="koodisna"><span lang="EN-US<del style="font-weight: bold; text-decoration: none;">" style="mso-bidi-font-size: 12.0pt</del>"><font size="10.0pt"><asp:Button ID="bOK" runat="server" Text="Klõpsa siia" OnClick="bOK_Click" /><br /></font></span></span></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span class="koodisna"><span lang="EN-US"><font size="10.0pt"><asp:Button ID="bOK" runat="server" Text="Klõpsa siia" OnClick="bOK_Click" /><br /></font></span></span></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span class="koodisna"><span lang="EN-US<del style="font-weight: bold; text-decoration: none;">" style="mso-bidi-font-size: 12.0pt</del>"><font size="10.0pt"><asp:Label </font></span></span><span class="koodisna"><span lang="SV" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: SV"><font size="10.0pt">ID="lblInf</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">" runat="server" /></font></span></span></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span class="koodisna"><span lang="EN-US"><font size="10.0pt"><asp:Label </font></span></span><span class="koodisna"><span lang="SV" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: SV"><font size="10.0pt">ID="lblInf</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">" runat="server" /></font></span></span></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nüüd tuleb teha ka väikesed täiendused lehekülje koodis default.aspx.cs. Esmalt muudame ära Page_Load sündmuse, kus ütleme, et kui sellele leheküljele tullakse 1. korda, siis tuleb<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> sisu ära kustutada. Kui sama sessiooni ajal tullakse lehele 2st, 3ndat jne korda, siis ei tehta midagi. Lehekülje objekti küljes olev omadus IsPostBack on<span lang="EN-US" style="mso-ansi-language: EN-US"> true</span>, kui ei olda lehel esimest korda.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nüüd tuleb teha ka väikesed täiendused lehekülje koodis default.aspx.cs. Esmalt muudame ära Page_Load sündmuse, kus ütleme, et kui sellele leheküljele tullakse 1. korda, siis tuleb<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> sisu ära kustutada. Kui sama sessiooni ajal tullakse lehele 2st, 3ndat jne korda, siis ei tehta midagi. Lehekülje objekti küljes olev omadus IsPostBack on<span lang="EN-US" style="mso-ansi-language: EN-US"> true</span>, kui ei olda lehel esimest korda.</div></td></tr>
<!-- diff cache key ico_mediawiki-ITK_:diff:1.41:old-8814:rev-8815:php=table -->
</table>
Htahis
https://wiki.itcollege.ee/index.php?title=Omaloodud_elemendid_(UserControl)_ASP.Net%27is&diff=8814&oldid=prev
Htahis: New page: ''Järgnev jutt on jällegi pärit "Andmebaasipõhiste veebirakenduste arendamine Microsoft Visual Studio 2008 ja SQL Server 2008 baasil" õppematerjalist (lk 415-417)'' <div class="WordS...
2010-05-06T12:11:32Z
<p>New page: ''Järgnev jutt on jällegi pärit "Andmebaasipõhiste veebirakenduste arendamine Microsoft Visual Studio 2008 ja SQL Server 2008 baasil" õppematerjalist (lk 415-417)'' <div class="WordS...</p>
<p><b>New page</b></p><div>''Järgnev jutt on jällegi pärit "Andmebaasipõhiste veebirakenduste arendamine Microsoft Visual Studio 2008 ja SQL Server 2008 baasil" õppematerjalist (lk 415-417)''<br />
<br />
<div class="WordSection1"><br />
<br />
====Omaloodud elemendid <span lang="EN-US" style="mso-ansi-language: EN-US">(<span class="SpellE">UserControl</span></span>)====<br />
<br />
Lisaks pealehtedele saab programmiloogikat jagada ka läbi isetehtud graafilise kasutajaliidese elementide <span lang="EN-US" style="mso-ansi-language: EN-US">(User Controls</span>) e. kasutaja kontrollide (KK). KK on ASP.NET leht ASP.NET lehe sees. KK abil saab kapseldada mingite graafilise liidese elementide kooslust ning funktsionaalsust.<br />
<br />
Näiteks lisame oma veebilehele lisaks sildile veel tekstikasti ja nupu ning ütleme, et me soovime reageerida sündmusele, kui keegi klikib sellel nupul. Peale seda väikest täiendust näeb default.aspx<span lang="EN-US" style="mso-ansi-language: EN-US"> content</span> elemendi sisu välja järgmine:<br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><asp:TextBox ID="txtKast" runat="server" /><br /></font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><asp:Button ID="bOK" runat="server" Text="Klõpsa siia" OnClick="bOK_Click" /><br /></font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><asp:Label </font></span></span><span class="koodisna"><span lang="SV" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: SV"><font size="10.0pt">ID="lblInf</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">" runat="server" /></font></span></span><br />
<br />
Nüüd tuleb teha ka väikesed täiendused lehekülje koodis default.aspx.cs. Esmalt muudame ära Page_Load sündmuse, kus ütleme, et kui sellele leheküljele tullakse 1. korda, siis tuleb<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> sisu ära kustutada. Kui sama sessiooni ajal tullakse lehele 2st, 3ndat jne korda, siis ei tehta midagi. Lehekülje objekti küljes olev omadus IsPostBack on<span lang="EN-US" style="mso-ansi-language: EN-US"> true</span>, kui ei olda lehel esimest korda.<br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">protected void Page_Load(object sender, EventArgs e)</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">{</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">if (!Page.IsPostBack)</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">lblInf.Text = "";</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">}</font></span></span><br />
<br />
Lisaks peame tekitama protseduuri nupu klikile reageerimiseks. Kui keegi klikib nupule, siis muudame ära<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> teksti vastavalt tekstikastis olevale jutule.<br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">protected void bOK_Click(object sender, EventArgs e)</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">{</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">lblInf.Text = "Sa kirjutasid tekstikast: " + txtKast.Text;</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">}</font></span></span><br />
<br />
Kui me nüüd avastame, et sellist tekstikasti,<span lang="EN-US" style="mso-ansi-language: EN-US"> <span class="SpellE">labeli</span></span> ja nupu interaktiivset kooslust läheb meil ka mujal vaja, siis on mõistlik see funktsionaalsus realiseerida KK abil. KK lehed e. <span lang="EN-US" style="mso-ansi-language: EN-US">.<span class="SpellE">ascx</span></span> lehed on oma ülesehituselt väga sarnased .aspx lehtedega seega on üsna tavaline, <span class="GramE">et</span> esmalt realiseeritakse mingi funktsionaalsus .aspx lehel ning seejärel teisendatakse see leht KK-ks.<br />
<br />
KK-l on võrreldes .aspx lehega 4 erinevust:<br />
<br />
* faililaiend on .ascx<br />
* Page element on asendatud <span lang="EN-US" style="mso-ansi-language: EN-US">Control</span> elemendiga, millel on peaaegu samad atribuudid.<br />
* kuna tegemist on osaga lehest, siis ei saa seal kasutada ei<span lang="EN-US" style="mso-ansi-language: EN-US"> form</span> elemente ega<span lang="EN-US" style="mso-ansi-language: EN-US"> content</span> elemente<br />
* KK taga olev klass päritakse System.Web.UI.UserControl klassist<br />
<br />
Seega võiks meie kolme komponendiga kk.ascx näha välja järgmine:<br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><%@ </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">Control Language="C#" AutoEventWireup="true" CodeFile="kk.ascx.cs" Inherits="kk</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">" %></font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><asp:TextBox ID="txtKast" runat="server" /><br /></font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><asp:Button ID="bOK" runat="server" Text="Klõpsa siia" OnClick="bOK_Click" /><br /></font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><asp:Label </font></span></span><span class="koodisna"><span lang="SV" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: SV"><font size="10.0pt">ID="lblInf</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">" runat="server" /></font></span></span><br />
<br />
Ning kood selle KK juures (failis kk.ascx.cs) näeks välja selline:<br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">using </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">System</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><nowiki>;</nowiki></font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">using </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">System</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">.</font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">Web</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">.</font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">UI</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><nowiki>;</nowiki></font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">public </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">partial</font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"> </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">class</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"> kk : </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">System.Web.UI.UserControl</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"></font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">{</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span>protected void Page_Load(object sender, </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">EventArgs</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"> e)</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span>{</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span></font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">if</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"> (!Page.IsPostBack)</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span>lblInf.Text = "";</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span>}</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span>protected void bOK_Click(object sender, </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">EventArgs</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"> e)</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span><span style="mso-spacerun: yes"> </span>{</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span>lblInf.Text = "Sa kirjutasid tekstikast: " + txtKast.Text;</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><span style="mso-spacerun: yes"> </span>}</font></span></span><br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">}</font></span></span><br />
<br />
Selleks, et oma värskelt loodud <span lang="FI" style="mso-ansi-language: FI">KK’d</span> kasutada, peame selle paigutama mõnele aspx lehel. Kuna tegemist ei ole raamistikku kuuluva elemendiga, tuleb see esmalt registreerida. Selleks lisame lehekülje algusesse peale Page elementi ning enne igasuguseid teisi elemente Register elemendi, milles ütleme, millises failis meie KK paikneb, ning kuidas me soovime temale viidata.<br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><%@ Register Src="kk.ascx" TagName="kk" TagPrefix="kool" %></font></span></span><br />
<br />
Ning kohas, kus see KK peab paiknema, lisame vastava kirjeldusega elemendi:<br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"><</font></span></span><span class="koodisna"><span lang="SV" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: SV"><font size="10.0pt">kool:kk</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"> ID="Kk1" runat="server" /></font></span></span><br />
<br />
Antud juhul võiks selleks kohaks olla<span lang="EN-US" style="mso-ansi-language: EN-US"> Content</span> element default.aspx lehel. Kuna kogu eelnev funktsionaalsus sai KK’sse üle viidud, siis võiks kogu ülejäänud sisu<span lang="EN-US" style="mso-ansi-language: EN-US"> Content</span> elemendi seest ära kustutada. Ühtlasi tuleks kustutada ka kogu kood default.aspx.cs seest e. alles jääb vaid tühi klass.<br />
<br />
<span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt">public </font></span></span><span class="koodisna"><span lang="EN-GB" style="mso-bidi-font-size: 12.0pt; mso-ansi-language: EN-GB"><font size="10.0pt">partial class</font></span></span><span class="koodisna"><span lang="EN-US" style="mso-bidi-font-size: 12.0pt"><font size="10.0pt"> _Default : System.Web.UI.Page{}</font></span></span><br />
<br />
Sama KK’d võib ühel ja samal lehel kasutada mitmes eksemplaris ning samuti võime selle KK registreerida nii mitmele lehele kui soovime.<br />
<br />
Seega võiks kokkuvõtteks öelda, et läbi pealehtede MasterPage ühtlustame üldise elementide paigutuse aspx lehtedel. KK abil kapseldame kasutajaliidese elementide kooslust.<br />
<br />
Ülesandeid<br />
<br />
<nowiki>* Kasuta näites loodud kasutajakontrolli oma lehel</nowiki><br />
<br />
<nowiki>* Loo kontroll kahe arvu korrutamiseks. Katseta.</nowiki><br />
<br />
</div></div>
Htahis