个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有以下 aspx 页面:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="KezberProjectManager.WebForm2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<style>
h1 { padding: .2em; margin: 0; }
#products { float:left; width: 500px; margin-right: 2em; }
#cart { width: 200px; float: left; margin-top: 1em; }
/* style the list to maximize the droppable hitarea */
#cart ol { margin: 0; padding: 1em 0 1em 3em; }
</style>
<script>
$(function () {
$("#catalog").accordion();
$("#catalog li").draggable({
appendTo: "body",
helper: "clone"
});
$("#cart ol").droppable({
activeClass: "ui-state-default",
hoverClass: "ui-state-hover",
accept: ":not(.ui-sortable-helper)",
drop: function (event, ui) {
$(this).find(".placeholder").remove();
$("<li></li>").text(ui.draggable.text()).appendTo(this);
}
}).sortable({
items: "li:not(.placeholder)",
sort: function () {
// gets added unintentionally by droppable interacting with sortable
// using connectWithSortable fixes this, but doesn't allow you to customize active/hoverClass options
$(this).removeClass("ui-state-default");
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="products">
<h1 class="ui-widget-header">Products</h1>
<div id="catalog">
<h2><a href="#">T-Shirts</a></h2>
<div>
<ul>
<li>Lolcat Shirt</li>
<li>Cheezeburger Shirt</li>
<li>Buckit Shirt</li>
</ul>
</div>
<h2><a href="#">Bags</a></h2>
<div>
<ul>
<li>Zebra Striped</li>
<li>Black Leather</li>
<li>Alligator Leather</li>
</ul>
</div>
<h2><a href="#">Gadgets</a></h2>
<div>
<ul>
<li>iPhone</li>
<li>iPod</li>
<li>iPad</li>
</ul>
</div>
</div>
</div>
<div id="cart">
<h1 class="ui-widget-header">Shopping Cart</h1>
<div class="ui-widget-content">
<ol>
<li class="placeholder">Add your items here</li>
</ol>
</div>
</div>
</div>
</form>
</body>
</html>
取自http://jqueryui.com/droppable/#shopping-cart
我正在使用 asp .net。我想知道如何修改它，以便我可以在每次添加商品时通知服务器，并且能够在我将商品放入购物车后运行一些 aspx 代码。
我需要做什么才能拥有类似的东西:
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Item_Dropped(String itemName)
{
}
}
基本上这样我就可以在服务器上做一些事情，比如将这个项目添加到数据库中，而无需刷新页面。
有没有关于如何在 asp .net 中执行此类操作的示例？
谢谢
最佳答案
看看this question - 它将帮助您了解如何在页面上放置文件时实现 javascript 事件。
当你有这样的事件时，你只需在这个事件上绑定(bind) ajax 调用，并且每次当这个事件触发时向服务器发送 ajax 调用。
它不会向服务器发出所有相关内容(如传输状态、页面重新加载等)的 asp.net 请求，而只是一个仅包含您需要的数据的轻量级异步调用。如果你想有标准的回发，调用 __doPostBack() javascript 函数，它是由 asp.net 生成的。
关于c# - 拖放后回发？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14510897/
25
4
0
你能定义自动回发和回发吗？它们的区别，哪些Web服务器控件支持自动回发和回发，以及回发和回调之间的区别？ 最佳答案 回发:页面向自身执行 POST 请求 autopostback:自动执行回发，例如当
我有一个 ASP.NET 表单，其中包含一个下拉列表，它会在更改时发回服务器，并用一些日期填充第二个下拉列表。 该表单还包含其他字段，其中一些字段在客户端进行验证，另一些字段在服务器端进行验证。 这是
我需要在我的 ASPX 页面中使用 JavaScript 确认函数来确认基于 C# 代码中条件的各种操作，而不是直接连接到按钮单击事件。例如。如果计算出记录数 > 200，则询问“你想继续吗？”然后根
我正在尝试为一个项目构建一个非常具体的搜索页面，但我在处理由单个页面上动态生成的控件调用的多个回发时遇到了很多麻烦。 页面必须像这样工作: 有一个复选框，“详细搜索”，会在选中/取消选中时引起回发。
在 React 组件中如何防止它回发，以便在按下提交按钮时页面不会重新加载。 组件代码如下: const class MyComponent extends React.Component { .
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: prevent postback of HtmlButton in C# 这是我的 JavaScript 函数:
我们有一个 ASP.NET MVC3 网络应用程序。我们生成 HTML5 页面。 现在，我们希望将拖放内容(图片、word文档...)发送到HTML5页面，然后发送到Web服务器在 C# 中处理(内容
我正在使用 jquery tab 并遵循 js 方法，如何以及如何修改它以在回发之间保持 tab 状态？ (这会将选项卡重置为 page_load 后的第一个选项卡) $(document).read
我正在 ASP.NET 4.0 网站中使用 AjaxFileUpload。问题是，当我上传文件时，它的 UploadComplete 会触发，从而导致回发到页面。在由 AjaxFileUpload 引
我在表单上有三个单选按钮 - A、B、C。这些选择中的每一个都会使用特定于该选项的数据填充一个下拉列表。加载表单时，我将选项 A 设置为选中(默认)。 当我选择按钮 B 或 C 时，AsyncPost
我正在尝试使用 JQuery 阻止页面回发。 $(document).ready(function() { $('#').click(function() {
这个问题是一个更大页面的一部分，但我简化了代码以提供一个简单的示例来说明我正在谈论的内容。基本上我有一个带有 AutoPostBack="true"的 ASP 下拉列表，我想做一些 javascrip
我在页面上有一个 AJAX 请求。 有没有办法找到在页面上触发 AJAX 调用的时间。在 jQuery 或 javascript 中查找或发起一个函数，在页面上调用 AJAX 请求。 最佳答案 参见
我有一个按钮可以通过回发提交我的表单，我想进行一些评估，如果一切都不好显示错误消息并停止回发。我已设法让我的代码进入我的 onsubmit 函数，但无法停止回发。 表格: 功能: function
我正在混合使用 asp.net 网络表单和 asp.net-mvc。要使用我包含的网络表单 routes.IgnoreRoute("Reports/{*pathInfo}"); 在 public st
我的网页中有文本框，其中有RequiredFieldValidators。这些控件的最底部是按钮提交和清除每次我单击提交按钮时，它都会触发来自RequiredFieldValidators的验证，这很
我有一个用 jquery 做的键盘控制菜单(当我按下时，它标记第二个选项，依此类推...) 但是当我选择我需要的选项后，我想单击 Enter 来调用按钮的 OnClick 方法，就像用户真的单击了它一
我有一个表单，用于更新数据库中的一组现有信息。其中有一个选择框，当选择选项“B”时，它会显示一个隐藏部分，而在选项“A”上，它将隐藏该部分。这很好用。 但是，当我从数据库加载记录集并且选择框设置为选项
我有一个 asp.net 项目，我们称它们为对象。所有对象都在转发器中创建: '/>
我有一个 ModalPopup，它将包含一个 gridview 和 4 个用于将项目输入到 gridview 本身的字段。 是否可以在保持模式打开的同时回发到服务器并更新 gridview？ 当您提交
我是一名优秀的程序员,十分优秀！