Question

我可以使用Razor 2 asp.net网站上的Web Helpers软件包，显示两个彼此相邻的Twitter框。

<div id="dynaMashTab-Twitter" >
    <span id="spanProfile" style="display: inline-block;vertical-align:top">@Twitter.Profile("jQuery")</span><span id="spanSearch"><span style="display: inline-block;vertical-align:top">@Twitter.Search("jQuery")</span>
</div>

...但我希望能够从“jQuery”动态更改为任何内容。我试过这种方式：

HTML：

<label for="inputQuery" style="display: inline-block;">Enter something, quick!</label>
<input type="text" name="inputQuery" id="inputQuery" placeholder="Enter something already" autofocus style="display: inline-block;" />

jQuery的：

$(document).ready(function () {

    $("#inputQuery").keyup(function(e) {
        if (e.keyCode == 13) {
            var inputQueryText = $("#inputQuery").val();
            $("#spanProfile").html(@Twitter.Profile(inputQueryText));
            $("#spanSearch").html(@Twitter.Search(inputQueryText));
        }
    });
 });

...但是我知道，“当前上下文中不存在”inputQueryText“这个名称”

我意识到，即使这样有效，我分配给#spanProfile和#spanSearch的内容也不会像以前那样格式化，但是我开始采用婴儿步骤并且已经采取了一些措施

Answer 1

这是如何做到的：

剃刀：

var searchTermHTML = "jquery";
if (IsPost)
{
    searchTermHTML = Request["inputText"];
}

HTML：

    <form method="POST" action="/">
        <label for="inputText" style="display: inline-block;">Hunh?</label>
        <input type="text" name="inputText" id="inputText" placeholder="Enter at your own risk" value="@Request["inputText"]" autofocus style="display: inline-block;" />
        <input type="Submit" name="btnSubmit" id="btnSubmit" value="Make it sort of funky" style="display: inline-block;" />
    </form>

。。

<div id="duckbilledPlatypusTab-Twitter">
    <span id="spanProfile" style="display: inline-block; vertical-align: top">@Twitter.Profile(searchTermHTML, numberOfTweets: 42, scrollBar: true, avatars: true)</span>
    <span id="spanSearch" style="display: inline-block; vertical-align: top">@Twitter.Search(searchTermHTML, scrollBar: true)</span>
</div>

如何动态更改Twitter个人资料和搜索？

1 个答案: